I've been scouring the internet for an answer to this issue over the past few days without much luck.
The problem I'm facing is with a CSS drop-down menu that should only appear when hovering over a specific link. However, due to dynamically created "parent" items and statically created links for the menu, the dropdown appears whenever hovering over any item in the navigation bar, rather than just the intended one.
I'm in need of a simple JavaScript solution that can detect the URL of the hovered/mouseover item and conditionally display the menu only for the correct item.
Any assistance, ideas, or hints would be highly appreciated.
Below is my source code:
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="LeftNav.ascx.cs" Inherits="Siteworx.Web.layouts.sublayouts.global.LeftNav" %>
<!-- Your source code goes here -->
And here's my CSS:
#drop_down_nav ul ul {
/* CSS styles go here */
}
/* additional CSS rules */
Once again, any help would be greatly valued. Thank you.
See HTML Output below:
<!-- Your HTML output goes here -->