Jquery切换多个div

时间:2013-07-08 00:43:36

标签: javascript jquery

我有4个div, a b c d ,使用Jquery toggle打开和关闭,每个人都靠近它自己。

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

但是,如果用户首先点击'b',请点击'关闭所有'按钮。它会成为。 a,c,d close b open 。有没有办法制作一个按钮hide而不是将功能更改为show

http://jsfiddle.net/vyPHZ/

$(document).ready(function(){

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

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

2 个答案:

答案 0 :(得分:3)

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'使用{{1}} http://jsfiddle.net/vyPHZ/3/

答案 1 :(得分:2)

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

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