在显示菜单按钮中切换错误

Question

这是我想用于我的show-menu按钮to to show show-hide主菜单的代码。但是当我使用代码时，它会消失显示菜单按钮本身，没有此代码显示;

＆＃13;

＆＃13;

$("#show-menu").toggle(
      function() {
        $("#main-menu").show(500);
        $("#show-menu").attr('src','/img/logo.png');
      },
      function() {
        $("#main-menu").hide(500);
        $("#show-menu").attr('src','/img/logo.png');
      }
)

＆＃13;

＆＃13;

＆＃13;

Answer 1

toggle（）方法在hide（）和show（）之间切换所选元素。 您的代码总是运行，因为它没有任何功能。

＆＃13;

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" id="show-menu" value="show"/>
<div id="main-menu">
  main menu
</div>
<script>
  $(document).ready(function(){
      $("#show-menu").click(function(){
          $("#main-menu").toggle();
      });
  });
</script>

＆＃13;

＆＃13;

＆＃13;