I'm working on a dropdown menu that has 3 levels, but when the 1st level is expanded, both the 2nd and 3rd need to show. I have all the markup and CSS the way it needs to be so it looks perfect. The only issue is that I can't seem to modify this jQuery script to leave the 3rd level expanded when hovering off and on the 2nd level menu.
The way it works now, is that you hover over the first, and both the 2 and 3rd show. This is good. The problem is as you hover over the rest of the items, and on and off the 2nd level ul.dropdown, the script hides the 3rd level menu. I've tried using :not, parents, children to exclude the 3rd level, and I know this should be easy, but I guess I just suck at jQuery I guess because it's not working.
Also, I cannot change the classes of the <ul> because they are being controlled by a CMS.
I've attached a txt file with a working example of the markup, CSS and script - just change the extension to html. The jQuery in question is in the <head> section. Any help would be greatly appreciated ;)
”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.
-Mike Kapnisakis, Warner Bros
With your subscription - you'll gain access to our exclusive IT community of thousands of IT pros. You'll also be able to connect with highly specified Experts to get personalized solutions to your troubleshooting & research questions. It’s like crowd-sourced consulting.
We can't always guarantee that the perfect solution to your specific problem will be waiting for you. If you ask your own question - our Certified Experts will team up with you to help you get the answers you need.
Our certified Experts are CTOs, CISOs, and Technical Architects who answer questions, write articles, and produce videos on Experts Exchange. 99% of them have full time tech jobs - they volunteer their time to help other people in the technology industry learn and succeed.
We can't guarantee quick solutions - Experts Exchange isn't a help desk. We're a community of IT professionals committed to sharing knowledge. Our experts volunteer their time to help other people in the technology industry learn and succeed.