가로 CSS/자바 스크립트 메뉴 - 하위 메뉴 항목 계속 표시

Question

가로 CSS/자바 스크립트 메뉴를 적용하려고합니다. 사용자가 최상위 메뉴 옵션을 클릭하면 사용자가 메뉴의 다른 링크를 클릭 할 때까지 낮은 수준의 옵션을 계속 열어두기를 원합니다. 이 jquery 예제를 시작점으로 사용하고 있습니다. http://javascript-array.com/scripts/jquery_simple_drop_down_menu/

var timeout = 500; 
var closetimer = 0; 
var ddmenuitem = 0; 

function jsddm_open() 
{ jsddm_canceltimer(); 
    jsddm_close(); 
    ddmenuitem = $(this).find('ul').css('visibility', 'visible');} 

function jsddm_close() 
{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');} 

function jsddm_timer() 
{ closetimer = window.setTimeout(jsddm_close, timeout);} 

function jsddm_canceltimer() 
{ if(closetimer) 
    { window.clearTimeout(closetimer); 
     closetimer = null;}} 

$(document).ready(function() 
{ $('#jsddm > li').bind('mouseover', jsddm_open) 
    $('#jsddm > li').bind('mouseout', jsddm_timer)}); 

document.onclick = jsddm_close; 

Answer 1

는 폐쇄 타이머를 제거합니다.

delete this: // $('#jsddm > li').bind('mouseout', jsddm_timer)}); 
    add  : });