横向CSS/JavaScript菜单 - 继续显示子菜单项

Question

我正在尝试改编一个水平的CSS/JavaScript菜单。一旦用户点击顶级菜单选项，我希望较低级别的选项保持打开状态，直到用户单击菜单中的另一个链接。我使用这个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  : });