Как на jQuery сделать такое меню?

Question

[Vladislav]

есть меню

<ul class="header__menu-list">
                  <li class="header__list-item"><a class="header__link-item" href="about.html">
                       О компании  </a></li>
                  <li class="header__list-item"><a class="header__link-item js-catalog-link-btn" href="catalog.html">
                       Каталог  </a></li>
                  <li class="header__list-item"><a class="header__link-item" href="contacts.html">
                       Контакты</a></li>
                </ul>

let catalogLinkBtn = document.querySelector('.js-catalog-link-btn')

if ($(window).width() < 1140){
  
  $(catalogLinkBtn).click(function(e){
    e.preventDefault()
    $(this).addClass('active-item')
  })

при клике на Каталог у меня добавляется класс стилей и там выпадает список (сейчас там нет его), но если я кликну на другой пункт меню нужно этот класс у Каталога удалить, понятно что страница просто перезагрузиться и класс скинется, так как остальные ссылки, подскажите пожалуйста как сделать на jQuey это

Comments

[Comsequent]

Попробуйте убрать эту строку document.querySelector('.js-catalog-link-btn')
И обратиться к элементу именно через jQuery
$(.js-catalog-link-btn').click(function(e)...
querySelector это vanilla js и, если я правильно помню, jQuery с ним работать не будет.
Могу конечно ошибаться

[Vladislav]

С этим как раз такие и работает, переменные можно писать как и в синтаксисе jq, так и на vanila, но проблема в другом, спасибо, что откликнулись

Answer 1

[Vladislav]

https://ru.stackoverflow.com/questions/167050/%D0%...