再次單擊時，jQuery淡入和淡出

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>

使用它，但是如果您希望它褪色或滑動則不使用它？ 因為您要求淡入但您使用幻燈片

您也可以使用.slidetoggle（）;

如果您想了解有關漸變的更多信息，請在這里閱讀