@santavits

Как менять class при нажатие на onclick?

Есть форма с кнопками

<div class="tac">
            <ul class="serv-nav flex services-tab">
                <li><a id="18" onclick="filterRecords(this.id);" class="" >Instagram</a></li>
                <li><a id="23" onclick="filterRecords(this.id)" class="">YouTube</a></li>
                <li><a id="24" onclick="filterRecords(this.id)" class="">Вконтакте</a></li>
                <li><a id="25" onclick="filterRecords(this.id)" class="">Facebook</a></li>
                <li><a id="26" onclick="filterRecords(this.id)" class="">Телеграмм</a></li>
                <li><a id="27" onclick="filterRecords(this.id)" class="">Разное</a></li>
            </ul>
        </div>


Как при клике на каждую из них, сделать чтобы придавался класс active, а при нажатие на другую кнопку, чтобы класс у предыдущей пропадал

Пробовал сделать так
function filterRecords(id) {	
$(this).toggleClass('active');
};


но увы, результата нет
  • Вопрос задан
  • 204 просмотра
Решения вопроса 1
mosesfender
@mosesfender
Меланхолик, параноик, падал с коек
function filterRecords(id) {	
    $('ul.services-tab li a').removeClass('active');
    $(this).toggleClass('active');
};
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
leni_m
@leni_m
ЧупаКобрус
function filterRecords(id) {	
    $('ul.services-tab li a').removeClass('active');
    $("#"+id).toggleClass('active');
};
Ответ написан
Ваш ответ на вопрос

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

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