JQuery slideToggle（）不滑動移動導航

我已經建立了一個導航，它響應它的作品，但我的問題是當在移動狀態，當鏈接被點擊，然後導航不滑回備份。我提出，完成了這個第二的js文件，但它發生在桌面大小以及JQuery slideToggle（）不滑動移動導航

這裏是http://www.methodzerodesign.com/nav/index.html

我雖然最近已度過過去8小時內爲尋找答案，但無濟於事。

下面是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>

和JS：

jQuery(document).ready(function(){ 

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

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

     }); 
     }); 
    });

也找一個好地方，以進一步瞭解JS。

在此先感謝。

來源

2016-11-03 MethodZero

您的html代碼中沒有nav-expanded類。此外，.menu-trigger不可見。請修復並重試，

來源

2016-11-03 01:29:47

我不知道這意味着什麼，我被證明nav-expanded是一個css清晰的，菜單觸發器是頂部的小m。該部分工作，我試圖做的是當點擊一個菜單項時，我希望菜單返回到正常狀態。 – MethodZero

撥打 –

時需要使用有效的班級名稱 - toggleClass（） –

JQuery slideToggle（）不滑動移動導航

回答

相關問題