호버링 navicon을 클릭/토글로 변환하는 방법은 무엇입니까?

Question

navicon으로 페이지를 만들었습니다. navicon을 마우스로 가리키면 수평 배열 메뉴가 표시됩니다. navicon을 클릭/전환 할 수 있기를 바랍니다.

Answer 1

당신은 jQuery를 또는 JS를 사용할 필요가 클릭 이벤트를 추가해야합니다.

그냥 아무것도 표시되지 수있는 탐색의 UL의 모바일 버전을 변경 : 대신 클래스를 전환해야 메뉴를 보장하기 위해 바탕 화면에 다시 표시 : http://jsfiddle.net/czdn6nmd/4/

편집 : 여기

은 JQuery와 버전입니다 처음에는 활성 상태로 차단합니다.

nav ul { 
    display: none; 
} 
nav ul.active { 
    display: block; 
} 

그런 다음 전환 JQuery와 추가 :

여기

$("#menu-icon").on("click", function(){ 
    $(this).siblings("ul").toggleClass("active"); 
}); 

Answer 2

당신은 후버에게 https://stackoverflow.com/questions/14041207/how-to-disable-on-hover-effects-of-a-link의

어쩌면 수 dublication를 불능으로 할 필요가 얻거나, 당신은 거기에 정보를 정기적으로 얻을 수 있습니다.

a:hover { 
text-decoration:none; 
} 

예를

에 대한

는 당신은

onclick="yourFunction"