Javascript - 邊欄切換始終打開

Question

所以我有這個邊欄，我想切換它的行爲。 ，而不是它被關閉是這樣的：

我想保持它打開時，該網站推出這樣的：

這裏是JavaScript的

<script type="text/javascript"> 
    $(function() { 
    $('.navbar-toggler').on('click', function(event) { 
     event.preventDefault(); 
     $(this).closest('.navbar-minimal').toggleClass('open'); 
    }) 
    });  
</script> 

和Html

<nav class="navbar navbar-fixed-left navbar-minimal animate" role="navigation" id="sidebar-1"> 
    <div class="navbar-toggler animate"> 
    <span class="menu-icon"></span> 
    <p id="menutab">Menu</p> 
    </div> 
    <ul class="navbar-menu animate"> 
    <li class="dropdown" id="dropdown-nav"> 
     <a href="#" class="animate dropdown-toggle" data-toggle="dropdown"> 
     <span class="desc animate" style="font-family: 'Roboto Condensed', sans-serif;">Top 5 Events</span> 
     <span class="mini-icon"><img src="Images/ps/Events.png" id="mini-icon"></span> 
     </a> 
     <ul class="dropdown-menu" id="events"> 
     <iframe src="Php/events.php" id="iframe" frameborder="0" marginheight="0" marginwidth="0" width="100%" height="100%" scrolling="auto"> 
      <p>Your browser does not support iframes.</p> 
     </iframe> 
     </ul> 
    </li> 

Answer 1

<nav class="navbar navbar-fixed-left navbar-minimal animate" 

到上面去在你的HTML標記線，並添加類「開放」像這樣

<nav class="navbar navbar-fixed-left navbar-minimal animate open" 

因此它會默認打開。

Answer 2

<script type="text/javascript"> 
    $(function() { 
     $(this).closest('.navbar-minimal').toggleClass('open'); 
    }); 
    </script> 

Answer 3

添加類開放導航欄菜單，通過該顯示打開，當你點擊接近菜單的toggele元素ul.navbar菜單

$(".navbar-toggler").click(function() { 
    $(".navbar-menu").slideToggle(); 
    });