2009-08-14 3 views
0

У меня есть меню (вертикальное меню), и я хочу, чтобы каждый из них отображал при падении dd, и прятался обратно, когда mouseOut (вторая функция .hover()), что будет лучшим самый простой способ (без плагина).вертикальная функциональность меню с jQuery

<dl class="lft-menubar"> 
<dt>Computers</dt> 
    <dd> 
     <ul class="slidedMenu"> 
     <li>3rd level menu</li> 
     <li>3rd level menu</li> 
     <li>3rd level menu</li> 
     <li>3rd level menu</li> 
     <li>3rd level menu</li> 
     <li>3rd level menu</li>   
     </ul> 
    </dd> 

Благодаря

ответ

1
<script type="text/javascript"> 
$("dl.lft-menubar dd").hover(function() { 
$(this).next().show(); 
},function() { 
$(this).next().hide(); 
}); 
</script> 

Попробуйте что-нибудь подобное. :)

+0

спасибо, но код ниже более правильно (в соответствии с примером HTML) $ ("дд"). Зависать ( функция() { \t $ (это) .children ("UL"). шоу(); \t возвращение ложным \t}, функция() { \t $ (это) .children ("UL") скрыть() \t}). – adardesign

+1

Моя ошибка. По какой-то причине я смотрел на отношения между

и
. Рад, что вы поняли это, хотя :) – Salty

+0

Кстати, как добавить событие в качестве параметра? с (e) в обеих функциях? $ ("dd"). Hover (function (e) {$ (this) .children ("ul"). Show(); return false}, function (e) {$ (this) .children ("ul ") .hide()}) – adardesign

Смежные вопросы