Kevin Powell - CommunityKP-C
Kevin Powell - Communityβ€’11mo agoβ€’
261 replies
McMarty

Adding a Hyperlink to a Nested Accordion Menu

Hello. I have a complex Information Architecture (IA), and have decided to use the following Nested Accordion menu... (Need to tewak it to make it accessible)

https://codyhouse.co/demo/multi-level-accordion-menu/index.html

(I have played around with this on my iPhone, and think it is a super easy way to navigate a lot of information.)

The problem is that I need a way for users to "jump off" at any point in the tree so they can go to a resource.

For instance, in the example above, a user needs a way to go to the "Group 1" home page, or the "Group 2" home page or the "Sub Group 1" home page.

Right now, when you click on the ">" or the bar itself, it expands/collapse that menu item.

I would simply like to make each menu item's text a hyperlink, so if you click on "Group 1" you are taken to a home page for that section.

Is this a problem for desktop or mobile?
Was this page helpful?