Burger-Menü nicht auf Menü verstecken klicken

Question

Ich habe ein Problem in meinem Burger-Menü. Es versteckt sich nicht, nachdem ich auf das Menü geklickt habe. Ich bin ein Anfänger und ich weiß nicht, wo das Problem ist? Ich brauche deine Hilfe bitte. Wenn Sie weitere Informationen zu meinem Code benötigen, können Sie mich gerne fragen.

<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(); 
    }); 
});