메뉴에 숨어 있지 않은 버거 메뉴

Question

버거 메뉴에 문제가 있습니다. 메뉴를 클릭하면 숨어 있지 않습니다. 나는 초보자이며 문제가 어디에 있는지를 모른다. 도와주세요. 내 코드에 대한 다른 정보가 필요하면 언제든지 물어보십시오.

<nav id="navbar" class="navbar default"> 
    <div class="container mob-logo"> 
     <div class="navbar-header col-sm-2 tablet-logo"> 
      <button type="button" class="navbar-toggle mob-menu" data-toggle="collapse" data-target="#myNavbar"> 
       <span class="icon-bar nature"></span> 
       <span class="icon-bar nature"></span> 
       <span class="icon-bar nature"></span> 
      </button> 
      <div class="mobile-sidebar"> 
       <span class="sidebar-btn btn fa-bar-hide" data-action="toggle" data-side="right" > 
        <i class="fa fa-bars"></i> 
       </span> 
      </div> 

     </div> 
     <div class="collapse navbar-collapse " id="myNavbar" > 
      <ul class="nav navbar-nav pull-right "> 
      <li class="active"> 
        <a href="#accueil" data-du-smooth-scroll data-du-scrollspy>Accueil</a> 
       </li> 
       <li class="active"> 
        <a href="#home" data-du-smooth-scroll data-du-scrollspy>Groupe</a> 
       </li> 
       <li> 
        <a href="#Competences" data-du-smooth-scroll data-du-scrollspy>Competences</a> 
       </li> 

       <li> 
        <a href="#Services" data-du-smooth-scroll data-du-scrollspy>Services</a> 
       </li> 

       <li> 
        <a href="#References" data-du-smooth-scroll data-du-scrollspy>References</a> 
       </li> 
       <li> 
        <a href="#contact" data-du-smooth-scroll data-du-scrollspy>Contact</a> 
       </li> 

      </ul> 
     </div> 
    </div> 
</nav> 

Answer 1

$(document).ready(function(){ 
    $(".mob-menu").click(function(){ 
    $(this).hide(); 
    }); 
});