關閉響應/手機點擊鏈接時導航

Question

我已經研究過在這裏找到解決方案，但似乎沒有解決我的問題。

我的網站：https://ayliffe.000webhostapp.com/

當窗口調整到它的最小和被點擊的菜單圖標，它揭示了移動導航。我喜歡它，所以當點擊一個鏈接時，導航然後隱藏（用戶不必再點擊菜單圖標）

我知道這可能是一個與jQuery onclick事件，但似乎沒有任何工作。

任何幫助，將不勝感激。謝謝。

Answer 1

我希望這會對你有用。 jQuery的.toggle把你myfunction

function myFunction() { 
    $("#mainNav").toggle(); 
    var x = document.getElementById("mainNav"); 
    if (x.className === "nav-wrap") { 
     x.className += " responsive"; 
    } else { 
     x.className = "nav-wrap"; 
    } 
} 

並寫出你的菜單列表中選擇此單擊事件。

$("#mainNav ul li").click(function(e) { 
    $("#mainNav").toggle() 
})