JQuery slideToggle() rutscht nicht nav in Handy

Question

Ich habe eine Navigation gebaut, die reaktionsfähig ist funktioniert, aber meine Frage ist, wenn im mobilen Zustand, wenn Link geklickt wird dann Navigation nicht wieder rutschen. Ich habe eine zweite js-Datei, die dies erreicht, aber es geschieht auf Desktop-Größe als auch

hier ist es http://www.methodzerodesign.com/nav/index.html

Ich habe in letzter Zeit die letzten 8 Stunden verbrachte die Suche nach der Antwort, aber ohne Erfolg.

hier ist die html:

<span class="menu-trigger"><img src="img/navIcon.png"></span> 
<div class="navigation"> 
<ul class="navList"> 
<li><a href="#home">Home</a></li> 
<li><a href="#webDesign">Web Design</a></li> 
<li><a href="#reDesign">Redesign</a></li> 
<li><a href="#ourWork">Our Work</a></li> 
<li><a href="#choices">Site Choices</a></li> 
<li><a href="#contact">Contact</a></li> 
</ul> 
</div> 

und die JS:

jQuery(document).ready(function(){ 

    jQuery(".menu-trigger").click(function(){ 

     jQuery(".navigation").slideUp(400, function() { 
      jQuery(this).toggleClass("nav-expanded").css('display',''); 

     }); 
     }); 
    }); 

auch für einen guten Platz suchen, um weitere js zu lernen.

danke im voraus.

Answer 1

Es gibt keine nav-expanded Klasse in Ihrem HTML-Code. Außerdem ist .menu-trigger nicht sichtbar. Bitte, fix beide und probier es nochmal,