Fetfurmoz
@Fetfurmoz
frontend

Click добавить класс active и удалить?

Такой вопрос есть список из кнопок при клике добавляется класс active и удаляется у предыдущего, все ок работает. Вопрос: Как сделать что бы работало как есть + при нажатии на ту же кнопку что класс удалялся
<code lang="html">
    <ul id="menu-link" class="menu-link">
        <li>
            <button type="button" class="btn-clear header-link bur-dubai">Bur Dubai</button>
        </li>
        <li>
            <button type="button" class="btn-clear header-link al-barsha">Al Barsha</button>
        </li>
        <li>
            <button type="button" class="btn-clear header-link tecom">Tecom</button>
        </li>
        <li>
            <button type="button" class="btn-clear header-link al-jaddaf">Al Jaddaf</button>
        </li>
    </ul>
</code>


$("#menu-link").on("click", "button", function() {
        $("#menu-link button").removeClass('active');
        $(this).addClass('active');
    });


codepen
g1t.ru/video/chrome_HfZxkA81CH.mp4
  • Вопрос задан
  • 917 просмотров
Решения вопроса 1
@MrColdCoffee
web
$("#menu-link").on("click", "button", function(){
    let is_active = false;
    
   if( $(this).hasClass('active') ){ is_active = true; }
    
   $("#menu-link button").removeClass('active');
   
 if(!is_active){  $(this).addClass('active');  }


    });
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Dr_Elvis
@Dr_Elvis
В гугле забанен
Есть такая штука как toggle
JQuery
JS
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы