Hi, I have a top menu navigation, that is built using a repeater and not a CMSMenu, I also set a script to change the css for the highlighted menu item, which changes when hovering on other items.
the script is:
$(document).ready(function(){
$(".CMSListMenuLI").hover(function(){
$(".CMSListMenuHighlightedLI").css("background-color", "#67c0ea");
$(".CMSListMenuHighlightedLI>.IndexMenu-triangle-down").css("display", "none");
$(this).css("background-color", "#8ad9ff");
},function(){
$('.CMSListMenuLI').css("background-color", "#67c0ea");
$(".CMSListMenuHighlightedLI>.IndexMenu-triangle-down").css("display", "block");
$(".CMSListMenuHighlightedLI").css("background-color", "#8ad9ff");
});
});
the script works fine, here's a screenshot of my menu
![MY MENU](https://scontent-mxp1-1.xx.fbcdn.net/v/t35.0-12/25271098_151572565613020_1686124657_o.png?_nc_ad=z-m&_nc_cid=0&oh=d1f619cd3541d62c30d3d472281a1a11&oe=5A30C200)
the problem is that I have sub Items for Events and Projects menu item, and when I access these sub items I want the parent Item (Events and Projects) to stay highlighted in the main menu, is this doable?