Question

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

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

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

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

Answer 2

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

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

Jquery切换多个div

2 个答案: