Как переводить по якорю на табу bootstrap?

Здравствуйте, я использую bootstrap 3.3.6
Возникла задача переходить на конкретную табу по якорю, ни одно найденное решение почему-то не срабатывает

<ul class="nav nav-pills fix-pills st-pills">
        <li class="active"><a data-toggle="pill" style="color:#000;background-color:#fff;" href="#package1">Раздел</a></li>
        <li class=""><a data-toggle="pill" style="color:#000;background-color:#fff;" href="#package2">Раздел</a></li>
        <li class=""><a data-toggle="pill" style="color:#000;background-color:#fff;" href="#package3">Раздел</a></li>
    </ul>
<div class="tab-content">
    <div id="package1" class="tab-pane fade in active"> </div>
    <div id="package2" class="tab-pane fade"> </div>
    <div id="package3" class="tab-pane fade"> </div>
</div>

Подскажите, пожалуйста, как решить эту проблему?

Я пытался использовать это решение, но оно не помогло

var hash = window.location.hash;
  hash && $('ul.nav a[href="' + hash + '"]').tab('show');



  $('.nav-tabs a').click(function (e) {
    $(this).tab('show');
    var scrollmem = $('body').scrollTop();
    window.location.hash = this.hash;
    $('html,body').scrollTop(scrollmem);
  });