Javascript 第一次隐藏切换栏

我有一个切换菜单的代码，当我点击切换侧菜单被隐藏，当我点击切换再次出现。但我想在它有一个轻微的变化，目前当网页是第一次加载，侧菜单出现在默认情况下，当我点击切换，然后它消失，我想第一次当网页加载侧菜单应该是隐藏的，当我点击切换，然后它应该出现。谁能告诉我怎么做

<div id="wrapper">
        <div id="sidebar-wrapper">
            <ul class="sidebar-nav">
                <li>
                    <a href="#">Dashboard</a>
                </li>
            </ul>
        </div>

       <a href="#menu-toggle" class="btn btn-default" id="menu-toggle">toggle</a>
   </div>
   <script src="js/jquery-1.11.0.js"></script>

    <!-- Menu Toggle Script -->
    <script>
       $("#menu-toggle").click(function(e) {
            e.preventDefault();
            $("#wrapper").toggleClass("toggled");
        });
    </script>

---

您应该在

侧栏包装器

div中设置

display:none

#sidebar-wrapper{
 display:none;
}

---

您应该在

侧栏包装器

div中设置

display:none

#sidebar-wrapper{
 display:none;
}

---

您应该在

侧栏包装器

div中设置

display:none

#sidebar-wrapper{
 display:none;
}

---

您应该在

侧栏包装器

div中设置

display:none

#sidebar-wrapper{
 display:none;
}

---

您可以在绑定后触发click事件：

$("#menu-toggle").click(function(e) {
        e.preventDefault();
        $("#wrapper").toggleClass("toggled");
}).click();  //click triggered....

---

您可以在绑定后触发click事件：

$("#menu-toggle").click(function(e) {
        e.preventDefault();
        $("#wrapper").toggleClass("toggled");
}).click();  //click triggered....

---

您可以在绑定后触发click事件：

$("#menu-toggle").click(function(e) {
        e.preventDefault();
        $("#wrapper").toggleClass("toggled");
}).click();  //click triggered....

---

您可以在绑定后触发click事件：

$("#menu-toggle").click(function(e) {
        e.preventDefault();
        $("#wrapper").toggleClass("toggled");
}).click();  //click triggered....

我移除包装内部的

切换

锚定，因此在隐藏包装时，切换链接仍然可以单击，然后我使用

.toggle（）

我移除包装内部的

切换

锚定，因此在隐藏包装时，切换链接仍然可以单击，然后我使用

.toggle（）

我移除包装内部的

切换

锚定，因此在隐藏包装时，切换链接仍然可以单击，然后我使用

.toggle（）

我移除了包装器内的

切换

锚，因此在隐藏包装器期间，切换链接仍然可以单击，然后我使用

.toggle（）

您错过了

$（“#包装器”）.hide（）参数

你可以用它

<div id="wrapper">
    <div id="sidebar-wrapper">
        <ul class="sidebar-nav">
            <li>
                <a href="#">Dashboard</a>
                </li>
        </ul>
   </div> 
</div>
<a href="#menu-toggle" class="btn btn-default" id="menu-toggle">toggle menu</a>

<script>
 $("#wrapper").hide();
 $("#menu-toggle").click(function (e) {
 e.preventDefault();
 $("#wrapper").toggle();
 });
</script>






$（“#包装器”）.hide（）；
$（“#菜单切换”）。单击（功能（e）{
e、 预防默认值（）；
$（“#包装器”）.toggle（）；
});
您错过了
$（“#包装器”）.hide（）参数

你可以用它

<div id="wrapper">
    <div id="sidebar-wrapper">
        <ul class="sidebar-nav">
            <li>
                <a href="#">Dashboard</a>
                </li>
        </ul>
   </div> 
</div>
<a href="#menu-toggle" class="btn btn-default" id="menu-toggle">toggle menu</a>

<script>
 $("#wrapper").hide();
 $("#menu-toggle").click(function (e) {
 e.preventDefault();
 $("#wrapper").toggle();
 });
</script>






$（“#包装器”）.hide（）；
$（“#菜单切换”）。单击（功能（e）{
e、 预防默认值（）；
$（“#包装器”）.toggle（）；
});
您错过了
$（“#包装器”）.hide（）参数

你可以用它

<div id="wrapper">
    <div id="sidebar-wrapper">
        <ul class="sidebar-nav">
            <li>
                <a href="#">Dashboard</a>
                </li>
        </ul>
   </div> 
</div>
<a href="#menu-toggle" class="btn btn-default" id="menu-toggle">toggle menu</a>

<script>
 $("#wrapper").hide();
 $("#menu-toggle").click(function (e) {
 e.preventDefault();
 $("#wrapper").toggle();
 });
</script>






$（“#包装器”）.hide（）；
$（“#菜单切换”）。单击（功能（e）{
e、 预防默认值（）；
$（“#包装器”）.toggle（）；
});
您错过了
$（“#包装器”）.hide（）参数

你可以用它

<div id="wrapper">
    <div id="sidebar-wrapper">
        <ul class="sidebar-nav">
            <li>
                <a href="#">Dashboard</a>
                </li>
        </ul>
   </div> 
</div>
<a href="#menu-toggle" class="btn btn-default" id="menu-toggle">toggle menu</a>

<script>
 $("#wrapper").hide();
 $("#menu-toggle").click(function (e) {
 e.preventDefault();
 $("#wrapper").toggle();
 });
</script>






$（“#包装器”）.hide（）；
$（“#菜单切换”）。单击（功能（e）{
e、 预防默认值（）；
$（“#包装器”）.toggle（）；
});
当它隐藏时，您如何切换它？只需将
display:none
应用于
#wrapper
css@Justinas如果我将display:none添加到包装器，则切换按钮也会隐藏，我无法点击it@samuel检查我的回答当它被隐藏时，您如何切换它？只需将
显示：无
应用于
#包装器
css@Justinas如果我将display:none添加到包装器，则切换按钮也会隐藏，我无法点击it@samuel检查我的回答当它被隐藏时，您如何切换它？只需将
显示：无
应用于
#包装器
css@Justinas如果我将display:none添加到包装器，则切换按钮也会隐藏，我无法点击it@samuel检查我的回答当它被隐藏时，您如何切换它？只需将
显示：无
应用于
#包装器
css@Justinas如果我将display:none添加到包装器，则切换按钮也会隐藏，我无法点击it@samuel检查我的回答一个问题，因为锚点在包装器中，这不会隐藏切换链接吗？@Pekka:OP没有切换显示属性，他正在切换类。因此，很有可能定义了一些css来隐藏
#边栏包装
元素。
第一次加载页面时，侧菜单应该被隐藏，当我单击“切换”时，它应该出现
，我想这可以解释他想切换显示属性。@Pekka：整个切换部分如果OP使用“无显示”，则将不起作用。还有其他东西在使用。@Milind Anantwar当页面第一次加载时，您的方法隐藏了侧菜单，但它显示了隐藏侧栏的整个滑动效果，我希望第一次只有切换链接是可见的，没有其他问题了，因为锚点在包装器中，这不会隐藏切换链接吗？@Pekka:OP不是切换显示属性，他是切换类。因此，很有可能定义了一些css来隐藏
#边栏包装
元素。
第一次加载页面时，侧菜单应该被隐藏，当我单击“切换”时，它应该出现
，我想这可以解释他想切换显示属性。@Pekka：整个切换部分如果OP使用“无显示”，则将不起作用。还有其他东西在使用。@Milind Anantwar当页面第一次加载时，您的方法隐藏了侧菜单，但它显示了隐藏侧栏的整个滑动效果，我希望第一次只有切换链接是可见的，没有其他问题了，因为锚点在包装器中，这不会隐藏切换链接吗？@Pekka:OP不是切换显示属性，他是切换类。所以我很有可能