橫向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  : });