닫기 링크를 클릭했을 때 반응 형/모바일 내비게이션

Question

나는 해결책을 찾기 위해 여기에서 연구했지만 아무도 내 문제를 해결하지 못하는 것 같습니다.

내 웹 사이트 : 그것은 모바일 네비게이션을 보여, https://ayliffe.000webhostapp.com/

윈도우가 그것의 크기를 조정할 최소의 메뉴 아이콘을 클릭합니다. 링크를 클릭하면 내비게이션이 숨겨집니다 (사용자가 메뉴 아이콘을 다시 클릭하지 않아도 됨).

아마 jQuery에서 onclick 이벤트가 발생하지만 아무 것도 작동하지 않는 것 같습니다.

도움을 주시면 감사하겠습니다. 감사.

Answer 1

이 방법이 도움이되기를 바랍니다. 은 myfunction

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

에 JQuery와 .toggle 넣고 메뉴 목록이 클릭 이벤트를 작성합니다.

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