将div设置为display:none; 使用javascript或jQuery

Question

我有一个非常快速的问题应该是一个简单的答案.

我有一个移动导航菜单,使用jQuery"向下钻取"菜单级别.每次加载一个级别时,jQuery都会确定菜单的高度,并相应地设置它.

我在按钮上使用以下脚本来切换显示并隐藏基于当前页面的主菜单:

<script type="text/javascript">
    (function ($) {
        $("a.BNnavTrigger").click(function (event) {
            event.preventDefault();
            $("div.drill-down-wrapper").slideToggle("9000");
        });
    })(jQuery);     
</script>

为了让菜单在某些页面上开始"关闭",我知道我必须给display:none;包含div 的css值.这一切都很好,有一个小问题.

当我最初隐藏菜单时,jQuery向下钻取菜单插件会检测到它是隐藏的,并将菜单高度设置为0px.当我在最初隐藏菜单的页面上切换菜单时,窗格中的所有其他内容都会正确切换,但菜单本身卡在0高度.

在我的大脑中,这个问题的明显答案是在加载菜单并设置高度后,通过javascript隐藏包含菜单div.这听起来不错吗？

任何人都可以给我一个小脚本来做这个吗？我是一个完整的,完全和js的菜鸟.是否有其他人对如何处理此问题有不同的建议？

谢谢你的时间!亚历克斯

UPDATE!

JS在这里解决这个问题: http ://jsfiddle.net/fyyG2/17/*

Answer 1

在文件准备好做$("#yourId").hide();.

例如:

$(document).ready(function () {

     $("div.drill-down-wrapper").hide();
     var $drillDown = $("#drilldown");

        // (what ever your code is)
 });

Answer 2

试试这种方式:

$("#yourId").css("display","none");

它应该工作!

我希望它有所帮助.