我有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();
}
);
});
答案 0 :(得分:3)
$(".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
的状态使用一个额外的类,然后在决定隐藏或显示时检查它: