帮助显示/隐藏jquery脚本

时间:2011-08-19 19:10:11

标签: jquery

我需要一个js脚本show / hide,只有在其他人关闭时才显示一个div。默认情况下,必须显示任何(仅一个)。

我有这个脚本:http://jsfiddle.net/kolxoznik1/BFV9k/

我想添加一些类show

 <div class="toggle show">Content</div>

如果将添加show,则不会隐藏div,他将获得状态show(),其他所有div将为hide()

假设有人会帮我解决我的小问题。

2 个答案:

答案 0 :(得分:1)

如果你的意思是最后一个活动元素不应该隐藏,那么试试这个:

$(document).ready(function() {
    $(".toggle").click(function() {
        if(!$(this).hasClass('active')){
            $('.active').not(this).toggleClass('active').next('.hidden').slideToggle(300);
            $(this).toggleClass('active').next().slideToggle("fast");
        }
    }).next(".hidden").hide();
});

Here is a forked demo of your version

答案 1 :(得分:0)

$("div").hide();
$(".show").show();