Menü alt panelindeki gezici geçiş düğmesi çalışmıyor

Question

H, Şu mobil hamburger menüsünde çalışıyorum ve küçük bir küçültülmüş pencerede masaüstü görünümünde çalışmasına rağmen, gerçek bir mobil ekranda çalışmaz. Menü görüntülendikten sonra, menü öğeleri tıklama altındaki alt menü öğelerini göstermez. Mobil cihazlarda çalışmayan slideToggle ile ilgili sorun nedir? Şimdiden teşekkür ederim!

HTML:

<li class="nav-item mainMenu"> 
     <a href="" class="mainMenuTitle menuClosed">Menu Title 1</a> 
     <div class="sub-nav"> 
      <ul class="sub-nav-group"> 
       <li><a href="">Sub Item 1</a></li> 
       <li><a href="">Sub Item 2</a></li> 
       <li><a href="">Sub Item 3</a></li> 
       <li><a href="">Sub Item 4</a></li> 
      </ul> 
     </div> 
    </li> 
    <li class="nav-item mainMenu"> 
     <a href="" class="mainMenuTitle menuClosed">Menu Title 1</a> 
     <div class="sub-nav"> 
      <ul class="sub-nav-group"> 
       <li><a href="">Sub Item 1</a></li> 
       <li><a href="">Sub Item 2</a></li> 
       <li><a href="">Sub Item 3</a></li> 
       <li><a href="">Sub Item 4</a></li> 
      </ul> 
     </div> 
    </li> 

jQuery:

$(document).ready(function() { 

    $('.sub-nav').hide(); 

    $(".nav-item a").click(function(){  
     $(this).next().slideToggle('normal'); 
     $(this).toggleClass('menuClosed menuOpened'); 
     return false; 
    }); 

}); 

Answer 1

bu deneyin:

HTML:

<nav class="nav"> 
    <ul> 
    <li class="dropdown-toggle">Menu item 1 
     <ul class="sub-menu"> 
     <li>submenu item 1</li> 
     <li>submenu item 2</li> 
     </ul> 
    </li> 
    <li class="dropdown-toggle">Menu item 2 
     <ul class="sub-menu"> 
     <li>Submenu item 1</li> 
     <li>Submenu item 2</li> 
     </ul> 
    </li> 
    </ul> 
</nav> 

JavaScript:

$(document).ready(function(){ 
    if($("li").children("ul")){ 
    $("li").children("ul").hide(); 
    $(".dropdown-toggle").click(function(){ 
     $(this).find("ul").slideToggle("normal"); 
    }); 
    } 
}); 

İstediğiniz gibi düzenleyebilir ve yine aynı işlevi alabilirsiniz.