Jquery切换帮助 - 默认隐藏

时间:2013-05-03 23:41:23

标签: jquery toggle

我正在使用它在标题为“toggle”的标题之后切换UL。

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>

我添加了display:none,默认情况下将其隐藏,直到单击标题,但我似乎无法再打开它。

编辑:另外,我使用$(this).next()的原因是因为我有多个标题我想在同一页面上应用它。

1 个答案:

答案 0 :(得分:0)

如果您在没有冲突模式下运行jQuery,则需要在ready函数中声明$ var。

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