ausblenden ul wenn Fokus verloren in JQuery

Question

Ich versuche, die Untermenüpunkte (ul) zu verstecken, wenn es den Fokus verloren .. meine Struktur so etwas wie dieses i

  <div id="ActionDiv" style="border-color: #0099d4; width: 120px; height: 100%"> 
       <ul> 
        <li><a href="#"><span id="ActionHeader">Action &nbsp; <em> 
         <img src="images/zonebar-downarrow.png" alt="dropdown" /> 
        </em></span></a> 
         <ul> 
          <li><a href="javascript:TriggerAction(1)">Send Email</a></li> 
          <li><a href="javascript:TriggerAction(1)">Invite to chat</a></li> 
          <li><a href="javascript:TriggerAction(1)">Consider For Opp</a></li> 
         </ul> 
        </li> 
       </ul> 
      </div> 

In JQuery sieht focusout Ereignis verwendet haben mit dem verlorenen Fokus umgehen.

$("#ActionDiv>ul>li>ul").focusout(function() { 
      $("#ActionDiv>ul>li>ul").hide(); 
}); 

Aber der obige Code funktioniert nicht. kann jemand einen Weg empfehlen, das verlorene Fokus-Ereignis in der Ul zu behandeln.

Answer 1

Versuchen .hover() Ereignis in jQuery

$("#ActionDiv>ul>li>ul").hover(function() { 
     $("#ActionDiv>ul>li>ul").show(); 
    }, 
    function(){ 
     $("#ActionDiv>ul>li>ul").hide(); 
}); 

Answer 2

Sie scheinen für den mouseout und Mouseover Ereignisse zu suchen, statt des focusout Ereignisses.

Answer 3

Andere Elemente als input (und textarea) haben keine nativen (soweit mir bekannt ist, obwohl Kommentare hinterlassen, wenn ich falsch!) focus oder blur Ereignisse (sie sind entworfen, um Benutzereingaben, anstatt Maus-Position-Ereignisse zu reagieren, wenn auch die a Elemente innerhalb die verschiedenen ul und li Elemente können konzentriert sein, und dieses Ereignis könnte sich ausbreiten, obwohl ich annehme, dass das Ereignis focusout nicht wird).

können Sie hover() obwohl verwenden:

$('#elementID').hover(
function(){ 
    // mouse-over 
}, 
function(){ 
    // mouse-out 
});