Как отображать выбранную вкладку от bootstrap в чпу, чтобы после перехода сразу была открыта указанная в чпу вкладка?

Question

[pofeg]

На странице с Navs
Есть вот такой тип вкладок:


К примеру я перехожу на страницу и включаю вторую по списку вкладку. Как сделать чтобы при включении этой вкладки в ссылку подставлялось например /site.ru/#tab2 А когда я копирую эту ссылку и перехожу на неё сразу открывается вторая вкладка? И так со всеми вкладками.

Нашел вот такой способ, но он почему-то не работает:

$(document).ready(() => {
        var url = window.location.href;
          if (url.indexOf("#") > 0){
          var activeTab = url.substring(url.indexOf("#") + 1);
          $('.nav[role="tablist"] a[href="#'+activeTab+'"]').tab('show');
          var position = $("#tab-options").offset().top -57;
          $("html, body").animate({
            scrollTop: position
        }, 1000);
        }
      });

Comments

[Alexey Gnevyshev]

#tab-options точно имеется? )

Вообще сложно что-то говорить без живого примера.