jquery切换多个div

Question

我有4个div，a b c d，使用jquery toggle打开和关闭，每个关闭它自己。

还有一个按钮可以关闭和打开所有。

但是，如果用户点击'B'第一，比点击'关闭所有'按钮。它会变成。 a，c，d关闭,b打开。有什么办法可以使一个按钮hide比改变功能show？

http://jsfiddle.net/vyPHZ/

$(document).ready(function(){ 

    $(".toggle").click(function(){$(this).next("div").slideToggle(300);}); 

    $("#collapse").click(  
     function(){ 
      $(".content").toggle(); 
     } 
    ); 
}); 

Answer 1

http://jsfiddle.net/vyPHZ/2/

$(".toggle").click(function() { 
    $(this).next(".content").slideToggle(300); 
}); 

var io = 0; 
$("#collapse").click(function() {  
    $(".content")[io++%2?'show':'hide'](); 
}); 

哪里还，如果你喜欢，而不是'show':'hide'可以使用'slideDown':'slideUp' http://jsfiddle.net/vyPHZ/3/

Answer 2

您可以使用一个额外的类的状态$.content，然后在决定时检查它隐藏或显示：

http://jsfiddle.net/vyPHZ/1/