jQuery顯示在第一個實例，而不是隱藏

Question

我使用下面的代碼菜單apear移動的CSS網站上。

目前它正顯示在網站被加載時，我寧願它只加載時請求時使用它...任何幫助？ - 我知道這是一個快速解決方案，但似乎無法解決這個問題，我嘗試了其他論壇並在網上搜索，但還沒有聽到回覆。

<script type="text/javascript"> 
jQuery(document).ready(function($){ 

    /* prepend menu icon */ 
    $('#nav-wrap').prepend('<div id="menu-icon"><img id="logo" src="<?php echo site_url(); ?>/wp-content/themes/blue-and-grey/images/mobileimages/hme_btn.png" /></div>'); 

    /* toggle nav */ 
    $("#menu-icon").on("click", function(){ 
     $("#nav").slideToggle(); 
     $(this).toggleClass("active"); 
    }); 

}); 
</script> 

Answer 1

只需撥打任何元素hide()這是您要隱藏的，例如$("#nav").hide()，在prepend之後的某處。

Answer 2

您可以添加一些簡單的CSS隱藏元素

CSS

#menu-icon{ 
    display: none; 
}