0

所以我有一串 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);
            });
        });

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

4

4 回答 4

3

这应该可以解决问题：

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

您也可以像这样从一开始就隐藏它：

<div id="unlikely" style="display:none">
于 2012-08-21T20:14:53.993 回答
2

对于初学者：

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

应该

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

-edit- 另外，你的情况在你的切换上是错误的。您在 html 中有一个小写的“u”，在 javascript 中有一个大写：

jQuery(this).next("#Unlikely").slideToggle(500);
于 2012-08-21T20:15:20.663 回答
2

仅供参考“$”是“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   
    });
于 2012-08-21T20:18:21.423 回答
2

我非常喜欢这样做 -

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

display:none并在 CSS 中赋予它的属性。

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

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

于 2012-08-21T20:18:34.330 回答