jQuery在第一个实例中显示而不是隐藏

我正在使用下面的代码在一个移动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>

jQuery（文档）.ready（函数（$）{
/*前置菜单图标*/
$（“#nav wrap”）.prepend（“/wp content/themes/blue and grey/images/mobileimages/hme#u btn.png”/>”）；
/*切换导航*/
$（“#菜单图标”）。在（“单击”，函数（）上）{
$（“#导航”）.slideToggle（）；
$（此）.toggleClass（“活动”）；
});
});

只需调用

hide（）

就可以隐藏您想要隐藏的任何元素，例如

$（“#nav”）.hide（）

，在

前缀之后的某个地方，您可以添加一些简单的css来隐藏该元素

CSS

#menu-icon{
   display: none;
}

“只有在使用时，才应要求。。。“你到底是什么意思？点击一些看不见的东西是没有意义的，你能澄清一下吗？对不起，这似乎有点误读-我在看下拉菜单#只有在点击菜单图标时导航到apear。但是当第一次加载页面时，它会立即显示。我想在单击时隐藏和显示，不管怎样它都会这样做，但是当第一次加载页面时，#nav会显示出来，我宁愿在用户第一次加载页面时隐藏它。。这似乎不起作用我刚试过？还有其他想法吗？