刪除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的評論更新：

想象一下

有一個“+”圖標，點擊它會變為“ - ”圖標並顯示答案。

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('+');
            }


        });
    });
});

更新小提琴