jQuery FadeIn每2次單擊

Question

我正在嘗試創建一個Burgermenu，一個沒有任何動畫的簡單下拉菜單。

在此之后，我嘗試使用以下腳本讓該下拉菜單逐漸消失：

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

因此，我無法再關閉菜單，菜單現在每次都嘗試淡入。

有人可以僅在我第二次單擊菜單時向我展示一種淡淡此類的方法嗎？

Answer 1

使用.toggle（）方法：

$('span.nav-button').click(function(){
    $(".burgermenu").toggle();
});

只需使用切換方法

Answer 2

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

大聲笑我已經在上面切換，所以我只添加了毫秒xD-

非常感謝你！ = D