jquery vol stationnaire li> ul - garder visible jusqu'à supprimer la souris de sous UL

Question

code:

 $("ul.menu_body li:even").addClass("alt"); 
     $('li a.menu_head').hover(function() { 
      $('ul.menu_body').slideToggle('medium'); 
     }, 
      function(){ 
     $('ul.menu_body').slideToggle('medium'); 
      }); 

trouvé ce code quelque part sur le web, à l'origine, il a été un événement, cliquez sur "li a.menu_head" pour montrer et masquer "ul.menu_body".

le clic fonctionne correctement. Je préférerais un effet de survol.

malheureusement mon code cache instantanément l'UL dès que vous déplacez la souris de l'original LI. Comment est-ce que j'ai pu ajuster ceci de sorte que le "ul.menu_body" reste visible jusqu'à ce que la souris soit hors de l'UL, au lieu de juste "li a.menu_head".

merci.

mon html est

<li> <a href="#" class="menu_head"></a> 
     <ul class="menu_body"> 
     <li>content</li> 
     <li>content</li> 
     </ul> 
    </li> 

Answer 1

Vous pouvez

$('li a.menu_head').mouseenter(function() { 
     $('ul.menu_body').slideDown('medium'); 
    }); 
    $('ul.main_UL_class_here').mouseleave(function(){ 
    $('ul.menu_body').slideUp('medium'); 
     }); 

Answer 2

$('li a.menu_head').hover(function() { 
     $('ul.menu_body').show() 
    }); 

    $('ul.menu_body').hover(function() { 

    }, 
    function(){ 
     $('ul.menu_body').hide(); 
    }); 

un peu plus tâtonnement et semble it..not ne sais pas si avoir une fonction « BLANK » est correcte tho.

Answer 3

Le problème est que vous utilisez en vol stationnaire, essayez cette façon

$(document).ready(function() { 
    $("ul.menu_body li:even").addClass("alt"); 
    $('ul.menu_body').slideToggle('medium'); 

    $('li a.menu_head').bind('mouseenter', function() { 
     $('ul.menu_body').slideDown('medium'); 
    }); 
    $('.menu_body').bind('mouseleave', function(){ 
     $('ul.menu_body').slideUp('medium'); 
    }); 
});