jquery - jqueryはクリック時にdivを非表示/再表示します

Question

だから私はこのようないくつかのコードを持っています：

    <script type="text/javascript">
        $(document).ready(function() {
            $(".Hidden").hide();
            $("#Unlikely").hide();
            $(".Even").click(function(){
                jQuery(this).next(".Hidden").slideToggle(500);
            });
            $(".Odd").click(function(){
                jQuery(this).next(".Hidden").slideToggle(500);
            });
            $(".UnlikelyHeader").click(function(){
                jQuery(this).next("#Unlikely").slideToggle(500);  
            })
        });
    </script>

JSPです

<div class="UnlikelyHeader">Unlikely to be called</div><br />

    <div id="Unlikely">
        --Stuff here
    </div>

隠された/偶数/奇数の作品。しかし、LikelyHeaderをその真下にある「Unlikely」divにドロップダウンさせることはできません。「（this）.nextは間違っていると思いますが、他に何を使うべきかわかりませんか？

Answer 1

次の要素はbr要素だからですが、IDセレクターを使ってみませんか？

$(".UnlikelyHeader").click(function(){
    $("#Unlikely").slideToggle(500);  
})

Answer 2

ありそうもないdivが1つしかない場合（クラスの代わりにIDを使用しているため、あると思います）、jQuery（ "＃Unlikely"）。slideToggle（500）;を使用できるはずです。

Answer 3

このdivがid="unlikely"を持つ唯一のdivである場合は、次を使用できます。

$("#Unlikely").slideToggle(500);

次のものも使用できます。

jQuery(this).children("#unlikely").slideToggle(500);