DIV menu déroulant (jQuery)

Question

Je cherche à créer un menu déroulant basé DIV de base:

<ul id="menu"> 
    <li> 
     <a href="#">item 1</a> 
     <div class="submenu">something here</div> 
    </li> 
    <li> 
     <a href="#">item 2</a> 
     <div class="submenu">something else here</div> 
    </li> 
    <li> 
     <a href="#">item 3</a> 
     <div class="submenu">something more</div> 
    </li> 
</ul> 

jQuery:

$j('.submenu').hide() 
$j("#menu li a").hover(
    function() { 
    $(this).addClass('active').next('.submenu').addClass('active').slideDown('fast'); 
    }, 
    function() { 
    $(this).addClass('active').next('.submenu').addClass('active').slideUp('fast'); 
    } 
); 

... ne fonctionne pas.

Answer 1

ul n'est pas sous #menu, il est#menu, essayez ceci:

$j(document).ready(function(){ 
    $j('.submenu').hide(); 
    $j("#menu li a").hover(
    function() { 
     $(this).addClass('active').next('.submenu').addClass('active').slideDown('fast'); 
    }, 
    function() { 
     $(this).removeClass('active').next('.submenu').removeClass('active').slideUp('fast'); 
    } 
); 
}); 

Answer 2

"#menu ul li a" 

ne fait référence à rien. menu est un ul