jquery - この .find() が jQuery で機能しない

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() ulh2

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