Javascript 再次单击时jQuery淡入淡出

Javascript 再次单击时jQuery淡入淡出,javascript,jquery,animation,Javascript,Jquery,Animation,这就是我所拥有的 <script type="text/javascript"> jQuery(function(){ jQuery("#menu").click(function () { jQuery("#menu-open").slideDown("slow"); }); }); </script> jQuery(函数(){ jQuery(“菜单”)。单击(函数(){ jQuery(“菜单打开”)。向下滑动

这就是我所拥有的

<script type="text/javascript">
    jQuery(function(){
      jQuery("#menu").click(function () {
        jQuery("#menu-open").slideDown("slow");
      });
    });
</script>

jQuery(函数(){
jQuery(“菜单”)。单击(函数(){
jQuery(“菜单打开”)。向下滑动(“慢速”);
});
});
如何在用户再次单击时自动关闭菜单?


<script type="text/javascript">
    $(function(){
      $("#menu").click(function () {
        $("#menu-open").fadetoggle();
      });
    });
</script>
$(函数(){ $(“#菜单”)。单击(函数(){ $(“#菜单打开”).fadetoggle(); }); });
使用这个,但我不使用,如果你想它褪色或幻灯片?因为你要求法登,但你使用幻灯片

您还可以使用.slidetoggle()

如果您想了解更多有关fadetoggle的信息,请阅读以下内容


这里有一个演示:

使用
slideToggle
jQuery(“菜单打开”)。slideToggle(“慢”)
或者如果您的意思是淡入淡出,则使用
fadeToggle
而不是
slideToggle
。我知道它和其他东西有关,因为我学习objective-C和C编程。但无论如何,非常感谢你,兄弟。你也知道如何设置它的持续时间吗?
$(function(){
  $("#menu").click(function () {
      if(!$("#menu-open").is(":visible")){
          $("#menu-open").slideDown("slow");
      } else {
          $("#menu-open").slideUp("slow");
      }

  });
});