2013-05-03 61 views
0

我正在使用它來切換標題後面的「切換」類別的UL。Jquery切換幫助 - 默認隱藏

jQuery(document).ready(function(){ 
    $('.toggle').click(function() { 
     $(this).next().toggle('slow'); 
     return false; 
    }) 
}); 

像這樣的html:

<h2 class="toggle">Header</h2> 
<ul style="display:none"> 
<li></li> 
</ul> 

我加入了顯示:無有它默認爲隱藏標題直到點擊,但我似乎無法得到它打開了。

編輯:另外,我使用$(this).next()的原因是因爲我有多個標題我想將其應用於同一頁面上。

+0

的代碼工作爲我好,看看小提琴:http://jsfiddle.net/agentfitz/DjTJe/ – 2013-05-03 23:52:41

+0

你說得對,我的代碼是使用類風格,我愚蠢地擁有!重要的是:沒有。我的錯。謝謝你的幫助 – user2208768 2013-05-04 00:22:57

回答

0

如果您在沒有衝突模式下運行jQuery,則需要在ready函數中聲明$ var。

jQuery(document).ready(function($){ 
    $('.toggle').click(function() { 
     $(this).next().toggle('slow'); 
     return false; 
    }) 
});