javascript - Jquery 切换多个 div

Question

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

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

但是，如果用户先点击'b'，则点击'close all' 按钮。它会变成。 a、c、d 关闭，b 打开。有什么方法可以使一个按钮隐藏而不是将功能更改为显示？

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

如果您愿意，也可以使用 'slideDown':'slideUp' 而不是 'show':'hide' http://jsfiddle.net/vyPHZ/3/