切换显示菜单按钮时出错

Question

这是我想用我的显示菜单按钮切换显示隐藏主菜单的代码。但是当我使用代码时，它会消失显示菜单按钮本身，该按钮在没有此代码的情况下显示；

$("#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');
      }
)

Answer 1

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

<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>