Открыть другое подменю закрытое подменю

Делаю скрипт для своего подменю в навигации. Когда я открываю подменю. Подменю показывают, и когда я выхожу из мыши. Подменю закрывается шириной с задержкой 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