2013-05-03 63 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; 
    }) 
});