Question

我试图制作一个下拉菜单 - 在第一次点击div时它应该延伸，在第二次点击它应该回到它原来的位置。我对javascript很新，所以我＆＃39 ;我不确定我哪里出错了它对我来说很完美，代码：

$(document).ready(function() {
     $("#firstList").hide();
     $("#firstExtend").click(function() 
     {
         if(("#firstList").hide == true)
         {
            $("#firstList").show("blind",250);
         }
         else
         {
             $("#firstList").hide("fade",250);
         }
     });
});

HTML：

<div id="firstExtend" class="list">Praplesti</div>
                    <ul id="firstList">
                        <li class="list"><a href="#">Nium</a></li>
                        <li class="list"><a href="#">cia</a></li>
                        <li class="list"><a href="#">kazkas</a></li>
                        <li class="list"><a href="#">tur</a></li>
                        <li class="list"><a href="#">but cj</a></li>
                        <li class="list"><a href="#">tikiuosiveiks</a></li>
                    </ul>
                </div>

Answer 1

if (object.hide)子句有点偏。您可以使用.is(":property")进行检查。所以在你的情况下，做：

if ( $("#firstList").is(":visible") )

Answer 2

试试这个：

$(document).ready(function () {
    $("#firstList").hide();
    $("#firstExtend").click(function () {
        if (("#firstList").is(':hidden')) {
            $("#firstList").show("blind", 250);
        } else {
            $("#firstList").hide("fade", 250);
        }
    });
});

javascript上的基本if / else无法正常工作

2 个答案: