简单的jQuery动画应该在每次点击时运行，不仅仅是一次

Question

就像在ropie中一样，我想要简单的jQuery动画运行，而不是每次点击，而不是第一次。另外，当我们再次点击以关闭菜单时，它应该显示具有相同动画的不透明度0。切换不起作用。

$(document).ready(function() { 
    $('#menu-open').click(function() { 
    $(this).toggleClass('open'); 
    $('nav').toggleClass('visible').animate({opacity: '1.0'}, 400); 
    }); 
}); 

Answer 1

您可以尝试使用JQuery fadeToggle功能：http://api.jquery.com/fadetoggle/

所以，你的代码看起来就像这样：

$(document).ready(function() { 
    $('#menu-open').click(function() { 
     $(this).toggleClass('open'); 
     $('nav').fadeToggle(); 
    }); 
});