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/