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

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

c++ - Is it possible to compile a VST on linux? -

url - Querystring manipulation of email Address in PHP -