jquery - Jquery Toggle 帮助 - 默认隐藏

Question

我用它在标题之后用“切换”类切换 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() 的原因是因为我有多个标题我想在同一页面上应用它。

Answer 1

如果您在无冲突模式下运行 jQuery，您需要在准备好的函数中声明您的 $ var。

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