Collapsible Menu

Joined: 06/11/2007

I am trying to implement the collapsible menu using jQuery like Rob did here: http://mustardseedmedia.com/podcast/episode2. However, I want the top level menu items to remain expanded and sub menu items collapsed until hovered over. When I try and implement this, hovering over one sub menu item causes all of the Sub Menus to expand.
The site: http://testsite.rosevillechurch.com/know is still in basic zen them if you want to see but the menu structure is as follows

Primary Links
Item 1
- Sub Item 1
- - Sub Sub Item 1
- - Sub Sub Item 2
- - Sub Sub Item 3
- Sub Item 2
- Sub Item 3
Item 2
- Sub Item 1
- Sub Item 2
Item 3
- Sub Item 1
- - Sub Sub Item 1
- - Sub Sub Item 2
- - Sub Sub Item 3
- Sub Item 2
- Sub Item 3

I really just want Sub Item 1.1 and 3.1 to collapse and expand and I want them to do it independent of each other. What I'm not seeing is a way to pull a unique identifier for those items so I can access them separately in my javascript.

-sirkyle

Joined: 11/28/2008
DHTML Menu?

I'm not entirely sure what you're trying to do as I didn't watch Rob's video, but it sounds like you're writing your own javascript ("so I can access them separately in my javascript").

If I haven't totally misunderstood your question, why not try something like this: http://drupal.org/project/dhtml_menu
The demonstration looks like something you're wanting...