Отворете друго подменю затворено подменю

Правя си скрипт за подменюто в навигацията. Когато отворя подменюто. Submen се показва и когато изляза с мишката. Подменюто е затворено със закъснение от 300.

Но имам проблем в сценария. Навигацията има 8 подменюта. Когато задържа курсора на мишката над първото подменю. Това подменю е отворено. Когато задържа курсора на мишката над второто подменю. След това имам две отворени подменюта.

Когато отворя ново подменю. Има и друго отворено подменю. Другият подводник трябва незабавно да се затвори. Как мога да направя?

Благодаря много!

Това е моят скрипт:

    $('.nav-main .container li').hover(function() {
    if ($(this).find('.submenu').length > 0) {
        $(this).addClass("hover");
        $(this).find('.submenu').show();
    }
}, function() {
    var object = $(this);
    setTimeout(function()
    {
        $(object).find('.submenu').hide();
        $(object).removeClass("hover");
    }, 300);
});

javascript navigation menu jquery nav
person Mike Vierwind    schedule 28.04.2012    source източник

Отговори (1)


arrow_upward
0
arrow_downward

Преди да покажете подменю, можете първо да скриете цялото подменю;

if ($(this).find('.submenu').length > 0) {
        $(this).addClass("hover");
        $('.submenu').hide();//Here
        $(this).find('.submenu').show();
    }
person Hüseyin BABAL    schedule 28.04.2012