Что нужно дописать в скрипте чтоб активировать нужный мне таб при нажатии на определенную ссылку?

Question

[diana-staputov]

вот скрипт

(function($) {
$(function() {
$('ul.tabs__caption').on('click', 'li:not(.active)', function() {
$(this)
.addClass('active').siblings().removeClass('active')
.closest('div.tabs').find('div.tabs__content').removeClass('active').eq($(this).index()).addClass('active');
});
});
})(jQuery);

в урл одной ссылки я добавила ?type=li_1 у второй ?type=li_2
сами вкладки выглядят так

<div class="tabs" id="tabs_2">
   <ul class="tabs__caption">
      <li id="li_1" class="active">Доставка</li>
      <li id="li_2">оплата</li>
   </ul>
   <div class="tabs__content active">
      текст доставки
   </div>
   <div class="tabs__content">
      текст оплаты
   </div>
</div>

Answer 1

[Роман]

Тестируй =)

const link = window.location.href.slice(-1);
    if (link >= 1) {
      document.querySelector('.tabs__content.active').classList.remove('active');
      document.querySelectorAll('.tabs__content')[link-1].classList.add('active');
    }

Answer 2

[Павел Корнилов]

<style type="text/css" media="screen">
  #nav > li {cursor: pointer;}
  #nav >.active {border:3px solid red;}
 </style>

 <ol id="nav">
  <li class="active">пункт
  </li><li>пункт
  </li><li>пункт
  </li><li>пункт
  </li><li>пункт
 </li></ol>


 <script type="text/javascript">
 var els= document.getElementById('nav');

 els.onclick= function(e) {
  [].forEach.call(this.querySelectorAll('li'), function(i) {
   i.classList.remove('active');
  })
  e.target.classList.add('active');
  e.stopPropagation();
 }

 </script>

Comments

[diana-staputov]

а можно сделать что-то , чтобы не меня html и css ? только добавить код в js ?

[Павел Корнилов]

diana-staputov, не понял. Я дал готовый код , который решает проблему вопроса, но не переделывал ваш код. Используйте мое решение, скопируйте, проверьте работу, и перепишите свой код.
Собственно, изменений совсем не много нужно внести.