点击时显示下拉列表

Question

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

这是我的脚本以获得更多选项。当我再次点击时点击并隐藏它时，我想显示下拉列表。使用这段代码，当我点击并显示我再次点击时，我所能得到的就是隐藏。我想让它逆转。

如何更改默认显示？

Answer 1

您可以使用CSS display:none属性隐藏页面加载时的div。

例如：

#more{
  display:none;
}

Answer 2

你的代码有效，它只是有一些错字。

要定义默认状态，请将display的{​​{1}}属性更改为.dropdown

＆＃13;

＆＃13;

none

＆＃13;

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

＆＃13;

.dropdown {
    display: none;
}

＆＃13;

＆＃13;

＆＃13;

Answer 3

$("#more" ).on('click', function() {
  $( ".dropdown" ).fadeToggle( "slow", "linear" );
});