javascript - 单击时显示下拉列表

Question

<script>
    $(document).ready(function({$("#more").click(function()$(".dropdown").fadeToggle("slow")});});
</script>

这是我的更多选项的脚本。我想在单击时显示下拉列表，再次单击时隐藏它。使用这段代码，我所能得到的只是在我单击时隐藏并在我再次单击时显示。我想让它反转。

如何更改默认显示？

Answer 1

您的代码有效，只是有一些拼写错误。

要定义默认状态，请将 .dropdown 的 display 属性更改为 none

$(document).ready(function() {
    $("#more").click( function() {
        $(".dropdown").fadeToggle("slow")
    });
});

.dropdown {
    display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="more">click for more</div>
<div class="dropdown">Droppie down</div>