在顯示菜單按鈕中的切換錯誤

Question

這是我想用於我的顯示菜單按鈕toogle顯示 - 隱藏主菜單的代碼。但是，當我使用代碼時，它會消失顯示菜單按鈕本身，而不顯示此代碼;

$("#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

肘節（）方法切換hide（）和顯示（）爲選定的元件之間。 你的代碼總是運行，因爲它沒有任何功能。

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