javascript - How to show only the first by hover with jQuery? -


if make hover on menulinks submenues on first level shown dont know whats wrong, see code:

    $('#menu li').hover(function () {         //show submenu         $('ul', this).slidedown(100);      }, function () {         //hide submenu         $('ul', this).slideup(100);     }); 

so in opinion must work because hover on link should display first submenu. submenu of first link show directly hover , dont know how fix better yet.

need please.

for better understanging hve created fiddle here.

your selector in hover functions finding ul elements descendants of li element. want show direct children. try instead:

$('#menu li').hover(function() {     //show submenu     $(this).children('ul').slidedown(100);  }, function() {     //hide submenu     $(this).children('ul').slideup(100); }); 

Comments

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

asp.net - Razor Page Hosted on IIS 6 Fails Every Morning -

c++ - wxwidget compiling on windows command prompt -