DIV下拉菜單（jQuery的）

Question

我期待建立一個基本的基於DIV下拉菜單：

<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'); 
    } 
); 

...不工作。

Answer 1

ul不#menu之下，它是#menu，試試這個：

$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" 

引用沒有。菜單是UL