Close Отзывчивая/мобильная навигация при нажатии ссылки

Question

Я исследовал здесь, чтобы найти решение, но никто, кажется, не решает мою проблему.

мой сайт: https://ayliffe.000webhostapp.com/

При изменении размеров окна, чтобы это маленький и значок меню нажата, она открывает мобильную навигацию. Я бы хотел, чтобы при щелчке по ссылке навигационная панель затем скрывалась (без необходимости повторного щелчка по значку меню)

Я знаю, что это, вероятно, событие onclick с jQuery, но ничего не работает.

Любая помощь будет оценена по достоинству. Благодарю.

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