jQuery: сохранить состояние зависания при отходе от элемента?

Question

1. У меня есть 2 меню, «Main» & «Sub» - когда вы наводите указатель на определенную ссылку в основном, он выделяет подменю, добавляя к нему класс ... отлично ... вещь, когда я Сбросьте «главную ссылку», цвет суб-навигатора вернется в нормальное состояние ... - Но мне нужно, чтобы это сохранилось, если я перехожу на вспомогательную навигацию ... например все они подсвечивались ...

1. ... тогда .... как только я на самом деле надвигаюсь на вспомогательную навигацию .... тогда подсветка прекратится ... и только ссылка на пункт подменю i перевернется на идет подсвеченный цвет (Это может быть просто нормальным «а: зависать». состояние

Так что я думаю, в двух словах ..

Hover на главном пункте меню ... элементы подменю меню подсвечивается ... оторваться от главного навигатора ... подменю все еще подсвечено ...... (хотя это будет выделено только при переходе от основного к суб) - иначе, иначе он потеряет выделение) ... затем один раз на суб меню ... удалить подсветку (Таким образом, стандарт: с парить на использовании подменю прибудете в ...

Вот мой код до сих пор, который активирует глобальный подсвечивание:

<ul id="primarynav"> 
    <li><a href="">home</a></li> 
    <li class="portfolio"><a href="">protfolio</a></li> 
    <li><a href="">contact</a></li> 
</ul> 

<!-- Secondary nav --> 

<ul id="secondarynav"> 
    <li><a href="">Websites</a></li> 
    <li><a href="">Graphics</a></li> 
    <li><a href="">Drawing</a></li> 
</ul> 


$(document).ready(function(){ 
    var $primarynav = $('#primarynav .portfolio'), 
     $secondarynav = $('#secondarynav'); 

    $primarynav.hover(function(){ 
     $secondarynav.addClass('highlight'); 
    }, function(){ 
     $secondarynav.removeClass('highlight'); 
    }); 
}); 

Answer 1

вы имеете в виду что-то как это:

<ul id="primarynav"> 
    <li><a href="">home</a></li> 
    <li class="portfolio"><a href="">protfolio</a></li> 
    <li><a href="">contact</a></li> 
</ul> 

<!-- Secondary nav --> 

<ul id="secondarynav"> 
    <li><a href="">Websites</a></li> 
    <li><a href="">Graphics</a></li> 
    <li><a href="">Drawing</a></li> 
</ul> 


$(document).ready(function(){ 
    var $primarynav = $('#primarynav .portfolio'), 
     $secondarynav = $('#secondarynav'); 

    $primarynav.hover(function(){ 
     $secondarynav.addClass('highlight'); 
    }); 

    $secondarynav.hover(function(){ 
     $secondarynav.removeClass('highlight); 
    }); 
}); 

• подчеркивается subnav при наведении главного СЧА
• Он не принимает выделения прочь при выходе из главного СЧА
• подсветка исчезает при подвешенном подменю