我已经设法同步两个导航级别以使用 jQuery 打开和关闭显示。我希望用户将鼠标移到两个级别之外,以便效果很好。然而,这似乎只适用于我导航中的第一个“li”。有什么想法吗?这是小提琴:
和我的代码:
//Maintain over state for main nav and sub nav
$('#mainNav li').mouseover(function(){
$(this).children("a").removeClass("whiteHighlight");
if($('#mainNav li span').css('display') == "block"){
$(this).children("a").addClass("whiteHighlight");
}
});
//Remove over state for both when exiting sub nav
$('#mainNav li span').mouseout(function(){
if($('#mainNav li span').css('display') == "none"){
$(this).prev().removeClass("whiteHighlight");
}
});
//Remove over state for both when exiting main nav
$('#mainNav li').mouseout(function(){
if($('#mainNav li span').css('display') == "none"){
$(this).children("a").removeClass("whiteHighlight");
}
});