php - Jquery Slide down Not working for ul li structure -
i have ul li structure below
<ul class="lft_mnu" id="menu-main-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-261 current_page_item menu-item-276" id="menu-item-276"> <a href="http://apptivowp.apptivo.com/company-history/">company history</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-287" id="menu-item-287"> <a href="http://apptivowp.apptivo.com/company-history/sample-1/">sample 1</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-286" id="menu-item-286"> <a href="http://apptivowp.apptivo.com/company-history/sample-2/">sample 2</a></li> </ul> </li> </ul>
i using below javascript showing li sub tab ul classname sub-menu
<script type="text/javascript"> $('li.menu-item').mousehover(function () { $('ul.sub-menu').slidedown('medium'); }); $('li.menu-item').mouseleave(function(){ $('ul.sub-menu').slideup('medium'); }); </script>
i need show <ul classname="sub-menu">
when mousehover on <li classname="menu-item">
.
how can this?...
try this:
<script type="text/javascript"> $(function(){ $('li.menu-item ul.sub-menu').hide(); $('li.menu-item').hover(function () { $('ul.sub-menu', this).slidedown('medium'); }, function(){ $('ul.sub-menu', this).slideup('medium'); }); }); </script>
Comments
Post a Comment