这个.find（）不能使用jQuery slideToggle

Question

我在jsFiddle http://jsfiddle.net/3fp4Q/8/上有以下代码，并且无法接通以使其正常工作。我希望在单击标题时显示（切换）书籍和袜子列表。 任何帮助非常感谢。感谢

HTML：

<div id="accordion">

<h2>Books</h2>

<ul>
    <li>Book 1</li>
    <li>Book 2</li>
    <li>Book 3</li>
    <li>Book 4</li>
</ul>

<h2>Socks</h2>

<ul>
    <li>Sock 1</li>
    <li>Sock 2</li>
    <li>Sock 3</li>
    <li>Sock 4</li>
</ul>
</div>

JS：

jQuery(document).ready(function(){
jQuery("#accordion").find("ul").css("display", "none");
jQuery("#accordion").find("h2").on("click", function(){
        jQuery(this).find("ul").slideToggle();
});
});

Answer 1

使用.next() 作为ul旁边的h2

jQuery(this).next("ul").slideToggle();

Answer 2

选中此fiddle

ul不是h2的子元素，因此它不起作用。