2011-08-19 64 views
0

我需要一个js脚本显示/隐藏,其他人关闭时只显示一个div。默认情况下,任何(只有一个)必须显示。帮助显示/隐藏jQuery脚本

我已经得到了这个脚本:http://jsfiddle.net/kolxoznik1/BFV9k/

我想添加一些类像show

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

如果show将被添加DIV不会墙根,他将HEVE状态show() othervise所有div会hide()

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

+2

你现在得到的方法是正确的,如果你隐藏divs你要点击什么来显示? 0_o – Grigor

回答

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

+0

@Viktors Golubevs:我不明白你的好友。你是否试图展示多个元素? – Shef

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