javascript - jQuery切换多个div

Question

我有 4 个 div，abcd，使用 Jquerytoggle打开和关闭，每个都自己关闭。

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

但是，如果用户先单击“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']();
});

where also, if you like, instead of 'show':'hide' you can use 'slideDown':'slideUp' http://jsfiddle.net/vyPHZ/3/

Answer 2

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

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