Jquery切换帮助 - 默认隐藏

Question

我正在使用它在标题为“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（）的原因是因为我有多个标题我想在同一页面上应用它。

Answer 1

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

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