Как я могу открыть меню с помощью JavaScript и HTML?

Question

У меня есть меню SideBar, как я могу держать его открытым? Если вы перейдете на страницу, меню будет закрыто, и я должен нажать кнопку «Меню», чтобы включить его. Как я могу держать его открытым, я сам закрою его.

Код:

<script type="text/javascript"> 
    $('#nav-btn').click(toggleMenu); 
    $('main').click(function() { 
    if ($(this).hasClass('active')) { 
    toggleMenu(); 
    } 
    }); 
    function toggleMenu() { 
    $('#nav-btn, #sidebar, main, #cover').toggleClass('active'); 
} 
</script> 

Answer 1

• для лучшей практики, написать код внутри .js док и поместите код внутри

  $(document).ready(function() { 
  // Your code here 
  }); 
  

  И не внутри <script> теге ..

• Вы можете просто добавить класс active внутри элемента HTML (wihthout jQuery), если целью является отладка.

• Попробуйте заменить toggleClass на addClass, должен помочь.

• Пожалуйста редактировать ваш вопрос и предоставить полный код (HTML & CSS), поэтому мы можем помочь вам в дальнейшем