jquery - 全部展开 - 全部折叠 Div 样式问题

Question

我正在制作一个常见问题解答页面，其中的答案已折叠，然后显示所有和隐藏所有问题/答案的控件。

我的问题是我正在使用 toggleClass 来切换问题旁边的“+”或“-”符号，但是当您单击“显示所有答案”或“隐藏所有答案”时，类会一直切换。

无论如何我都不是 jquery 大师。

$(document).ready(function() {
$('.showThis').click(function() {

    $(this).next('.answer').slideToggle(500);
    $(this).toggleClass('showMinus');

});
$('#expandAll').click(function() {        
    $('.answer').slideDown();
     $('.showThis').toggleClass('showMinus');    
});
$('#collapseAll').click(function() {        
    $('.answer').slideUp();    
     $('.showThis').toggleClass('showMinus');    
}); }); // end ready

http://jsfiddle.net/ufe73cfb/2/

Answer 1

试试这个。 Fiddle

$('#expandAll').click(function() {        
    $('.answer').slideDown();
     $('.showThis').addClass('showMinus');    
});
$('#collapseAll').click(function() {        
    $('.answer').slideUp();    
     $('.showThis').removeClass('showMinus');    
});