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

JQuery FadeIn每次点击

2 个答案:

使用.toggle（）方法：