Question

这就是我所拥有的

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

如何在用户再次点击时自动关闭菜单？

Answer 1

$(function(){
  $("#menu").click(function () {
      if(!$("#menu-open").is(":visible")){
          $("#menu-open").slideDown("slow");
      } else {
          $("#menu-open").slideUp("slow");
      }

  });
});

这是一个演示：http://jsfiddle.net/nn007/9FehL/2/

Answer 2

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

使用此功能，但如果您希望它褪色或滑动，我不会使用？既然你要求fadein但你使用幻灯片

您也可以使用.slidetoggle（）;

如果您想了解有关fadetoggle的更多信息，请阅读此Here

单击“再次”时，jQuery淡入和淡出

2 个答案: