单击时,Jquery隐藏/取消隐藏div

时间:2012-09-10 18:58:29

标签: jquery xhtml

所以我有一些类似的代码:

    <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>

隐藏/偶数/奇数的东西。但我无法让DifferentlyHeader下拉直接在它下面的“不太可能”的div。我认为“(this).next是错误的,但我不确定还能用什么?

3 个答案:

答案 0 :(得分:3)

那是因为下一个元素是br元素,为什么不使用ID选择器?

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

答案 1 :(得分:2)

如果只有一个不太可能的div(我假设有,因为你使用的是ID而不是类)那么你应该能够使用jQuery(“#timeslyly”)。slideToggle(500); < / p>

答案 2 :(得分:2)

如果这个div是唯一一个id =“不太可能”的人,你可以使用:

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

你也可以使用:

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