Question

I’m having trouble creating a tab navigation menu. When I hover a navigation item I want to drop down a list with sub-links. I’m using the jquery child() function to display the sub-links of the tab I hover.

Demo: http://jsfiddle.net/GeKv2/5/

When you hover a sub-link it appears to add a class active to it. What am I doing wrong here?..

Answer 1

$('ul.user_menu li').hover(function() {
    //show active tab
    $(this).addClass("active");
    $("ul", $(this)).show();
}, function() {
    $(this).removeClass("active");
    $("ul", $(this)).hide();
});