jquery - Simple menu responsive multilevel. What's wrong? -
this simple menu works fine @ first , second level third level doesn't push "servicios" , "contacto". what's wrong? i'm designer not development. sorry :-)
<ul> <li><a href="#">departamentos</a> <ul class="submenu"> <li><a href="#">01 ..........</a> <ul class="submenu2"> <li><a href="#">01 .........</a> <ul class="submenu3"> <li><a href="#">01 b .........</a> <li><a href="#">01 c .........</a> <li><a href="#">01 d .........</a> </li> </ul> </li> </ul> </li> </ul> </li> <li><a href="#">servicos</a> </li> <li><a href="#">contacto</a></li> </ul>
js
$(function () { $('nav li ul').hide().removeclass('submenu'); $('nav li').hover(function () { $('ul', this).stop().slidetoggle(250); }); }); $(function () { $('nav li ul').hide().removeclass('submenu2'); $('nav li').hover(function () { $('ul li ul', this).stop().slidetoggle(250); }); });
thanks!
Comments
Post a Comment