Jquery click function question

Question

У меня есть функция, которая, когда пользователь нажимает сначала, добавит класс, а затем во втором щелчке удалит класс и снова .. так далее .. это похоже на то, что когда первый щелчок означает активный, затем второй не активен. Просто так.

Вот мой код:

 
$('.sub-nav-add').css('display','none'); 
    $('.nav-add').click(function(){ 
    $('.sub-nav-add').slideToggle(200); 
    $('.box-add').addClass('sub-nav-active'); 
}); 

Как я могу добавить вторую функцию щелчка, которая будет removeClass?

Answer 1

Посмотрите на .toggle method. Он будет делать именно то, что вы хотите.

Answer 2

Использование toggleClass.

$('.sub-nav-add').css('display','none'); 
$('.nav-add').click(function(){ 
    $('.sub-nav-add').slideToggle(200); 
    $('.box-add').toggleClass('sub-nav-active'); 
});