어떻게하면 콘텐츠 표시 부분을 클릭 할 수 있습니까?

Question

http://phplist.xxmn.com/menu.html

마우스가 탐색 메뉴 (cpanel)에있을 때. 그 아래에 해당 내용이 표시됩니다. 하지만 나는 그것에 링크를 클릭 할 수 없습니다. 그것을 얻을 수있는 방법이있다. 나는 setTimeout을 사용할 것임을 알고있다. 하지만 어떻게 해야할지 모르겠다. 고맙습니다.

top 값을 작게 변경하면 IE7 및 IE6.i에서 여전히 값을 표시 할 수 없습니다.

Answer 1

메뉴 항목 옆에 콘텐츠 div를 더 가깝게 배치하고 표시 방법과 변경 방법을 변경해야합니다. 메뉴 mouseover에 표시하면 콘텐츠 mouseout에 숨 깁니다. 나는 이것이 가장 간단한 방법이라고 생각한다.

Answer 2

하지 좋은 방법이지만 당신을 위해 작업, 더 좋은 방법 : CSS를 사용 top = 20px :

var timeout; 

$(function(){ // = document.ready 
    $("#nav ul li").hover(function() { 
     $(this).find(".sub-menu").show(); 
     clearTimeout(timeout); 
    }, function() { 

     var timeout = setTimeout(function(){ 
      $(this).find(".sub-menu").hide(); 
     },1000); // 1000 = 1 second 
    }); 
}); 

Answer 3

$(document).ready(function() {  
    $("#nav ul li").on('mouseenter', function() { 
     $('#nav ul li').find(".sub-menu").hide(); 
     $(this).find(".sub-menu").show(); 
    }); 

    $('.sub-menu').on('mouseleave click', function() { 
     $(this).hide(); 
    }); 
});