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>

隐藏/偶数/奇数的东西有效。但我无法让 UnlikelyHeader 下拉其正下方的“Unlikely” div。我认为 "(this).next 是错误的，但我不确定还能使用什么？

Answer 1

那是因为下一个元素是一个br元素，为什么不使用 ID 选择器呢？

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

Answer 2

如果只有一个不太可能的 div（我假设有，因为您使用的是 ID 而不是类），那么您应该能够只使用 jQuery("#Unlikely").slideToggle(500);

Answer 3

如果这个 div 是唯一一个 id="unlikely" 你可以使用：

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

你也可以使用：

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