Javascript JQuery FadeIn，每点击2次

我正在尝试创建一个菜单，一个没有任何动画的简单下拉菜单

在此之后，我尝试使用以下脚本让此下拉列表在单击时淡入：

<script>
$('span.nav-button').click(function(){
console.log("information: click!");
$(".burgermenu").fadeIn(500);
});
</script>

$（'span.nav按钮'）。单击（函数（）{
log（“信息：点击！”）；
$（“.burgermenu”）.fadeIn（500）；
});

由于这个原因，我无法再关闭菜单，菜单现在每次都尝试淡出

有人能告诉我只有在我第二次单击菜单时才淡出此类的方法吗？

使用.toggle（）方法： 只需使用切换方法

<script>
    $('span.nav-button').click(function (){
        $('ul.burgermenu').toggle(500);$
    })
    $(window).resize(function () {
        if ( $(window).width() > 400 ) {
            $('ul.burgermenu').removeAttr('style');
        }
    })
</script>

$（'span.nav按钮'）。单击（函数（）{
$（'ul.burgermenu'）。切换（500）$
})
$（窗口）。调整大小（函数（）{
如果（$（窗口）.width（）>400）{
$（'ul.burgermenu'）.removeAttr（'style'）；
}
})

哈哈，上面已经有了切换，所以我只添加了毫秒xD-

非常感谢你=D

<script>
    $('span.nav-button').click(function (){
        $('ul.burgermenu').toggle(500);$
    })
    $(window).resize(function () {
        if ( $(window).width() > 400 ) {
            $('ul.burgermenu').removeAttr('style');
        }
    })
</script>