Question

所以我有一串Jquery的东西，我不知道为什么有一部分不起作用。

我有这样的结构

<div id="wrapper">
    <span class="UnlikelyHeader"> Title Here</span>
    <div id="unlikely">
        <div class="blah"></div>
        <div class="blah"></div>
        <div class="blah"></div>
    </div>

我的目标是默认隐藏div“不太可能”，并在单击跨度时使用幻灯片切换。这是我到目前为止的代码（注意，隐藏/奇数/偶数是这个的工作实现）

        jQuery(document).ready(function() {
            jQuery(".Hidden").hide();
            jQuery("#Unlikely.hide()");
            jQuery(".Even").click(function()
            {
                jQuery(this).next(".Hidden").slideToggle(500);
            });
            jQuery(".Odd").click(function()
            {
                jQuery(this).next(".Hidden").slideToggle(500);
            });
            jQuery(".UnlikelyHeader").click(function()
            {
                jQuery(this).next("#Unlikely").slideToggle(500);
            });
        });

另请注意：我尝试使用#everblely.children（）。hide（）和其他方法来隐藏我不希望默认显示的内容。

Answer 1

这应该可以解决问题：

jQuery("#unlikely").hide();

你也可以像这样把它隐藏起来：

<div id="unlikely" style="display:none">

Answer 2

首发：

jQuery("#Unlikely.hide()");

应该是

jQuery("#unlikely").hide();

CNC中另外，你的情况在你的切换上是错误的。你在html中使用小写的“u”和javascript中的大写：

jQuery(this).next("#Unlikely").slideToggle(500);

Answer 3

FYI“$”是“jQuery”的简写版本，更易于阅读。

    $(document).ready(function() {
        $(".Hidden").hide();
        $("#unlikely").hide(); <-------- You had your hide() method inside of the
        $(".Even").click(function()  --- selector and Unlikely should be unlikely
        {
            $(this).next(".Hidden").slideToggle(500);
        });
        $(".Odd").click(function()
        {
            $(this).next(".Hidden").slideToggle(500);
        });
        $(".UnlikelyHeader").click(function()
        {
            $(this).next("#unlikely").slideToggle(500); <---- changed Unlikely to
        });                                              ---- unlikely   
    });

Answer 4

我很喜欢这样做 -

$('.UnlikelyHeader').click(function() {
 $('#unlikely').slideDown(500);   
});

并在CSS中为其提供display:none的属性。

工作示例 - http://jsfiddle.net/ne7MU/（不切换） http://jsfiddle.net/ne7MU/1/（切换）

希望我的解释是正确的......

在jquery中隐藏子div

4 个答案: