2011-08-19 65 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();