Response title
This is preview!
Problem with Multi-level Dropdown menu (mcDropdown jQuery plugin)
in Using jQuery Plugins
•
10 years ago
I'm a newbie at JavaScript & using jQuery plugins so I thought I should seek out for help.
I'm trying to create a multi-level navigation menu with the following requirements:
- Have all submenus appear within viewport (e.g. no horizontal, vertical scroll)
- Have submenu items display in columns if the list gets too long (like ‘Windows Start < All Programs’)
- Run on IE 6, IE 8, and Firefox
I’ve created a first draft using the SuperFish plugin. However, it created horizontal and vertical scrolls when there were too many submenu items.
Then I found the mcDropdown plugin which seemed perfect for my project.
However, I ran into some problems while trying to implement the plugin. The mcDropdown plugin is designed as a dropdown for selection, and I want to tweak it so that it behaves like a navigation menu. I found this post while searching the web and it helped me get started, and here’s my feeble attempt so far: http://jsfiddle.net/h2ZKN/16/
The submenu opens up when I hover over, but it doesn't close on hover out. Also, when I click on a submenu, the name of the menu (e.g. in this case, dropdown menu) disappears. I want this to behave like a dropdown menu...
Can any jQuery maestro give me some directions as to how to tackle this issue? I’ve been looking at it & searching the web for past 2 days, and now it’s giving me a migraine…
I appreciate any help and let me know if there’s any alternate approach that might work better.
Thank you!
1