javascript - 删除 jquery 类时出现问题

Question

有人可以帮我解决这个问题吗？
基本上，我希望脚本在单击时将“active”类添加到“li”，并在另一次单击时将其删除 - 好吧，它添加该类并自动删除它:-) 我真的很感激任何解决方案。

PS。我查看了有关此问题的其他问题，但没有找到任何对我有帮助的答案。

jQuery(document).ready(function() {
    jQuery('li').each(function() {
        var faq = jQuery(this), state = true, answer = faq.next('.answer').hide().css('height','auto').slideUp();
        faq.click(function() {
            state = !state;
            answer.slideToggle(state);
            faq.addClass('active',state);
              if(jQuery("li").hasClass("active")) {
              jQuery(".active").remove(); }
        });
    });
});

JSFiddle

jQuery(".active").removeClass(); }

解决了一半的问题

Answer 1

实际上是.removeClass()你必须尝试..!!

JS FIDDLE

jQuery(document).ready(function() {
    jQuery('li').each(function() {
        var faq = jQuery(this), state = true, answer = faq.next('.answer').hide().css('height','auto').slideUp();
        faq.click(function() {
            state = !state;
            answer.slideToggle(state);
            faq.addClass('active',state);
              if(jQuery("li").hasClass("active")) {
              jQuery(".active").removeClass(); }
        });
    });
});

或

使用 .toggleClass()

使用

jQuery(document).ready(function() {
    jQuery('li').each(function() {
        var faq = jQuery(this), state = true, answer = faq.next('.answer').hide().css('height','auto').slideUp();
        faq.click(function() {
            state = !state;
            answer.slideToggle(state);
            faq.addClass('active',state);
           $( this ).toggleClass( "active" );
        });
    });
});

DEMO FIDDLE

更新

根据@AndyAndy的评论更新:

imagine that

has a "+" icon, and on click it changes to "-" icon and answer shows up.

jQuery(document).ready(function() {
    jQuery('li').each(function() {
        var faq = jQuery(this), answer = faq.next('.answer').hide().css('height','auto').slideUp();
        faq.click(function() {

            answer.slideToggle('.active');


            if($(this).text()=='+')
            {
            $(this).text('-');
            }
            else{
            $(this).text('+');
            }


        });
    });
});

updated fiddle