Nav bar and Drop down information

New Here ,
Jun 12, 2017 Jun 12, 2017

Copy link to clipboard

Copied

Hello,

I have created a verticle navigation bar that runs down the left-hand side of my website, which includes my home page, projects, contact me etc (Image 01 shown below).

I would like to have it so when you click on a project it takes you to that project but also drops down some extra information. And it does so for each project listed (shown in Image 02)

I have tried to do this as an accordion menu having the titles link to each page, but it either only does the drop down or change the page and is a little flakey, and not smooth.

I have found this widget https://musewidgets.com/products/accordion-widget but i am unsure if it works as a nav bar as well as a drop down.

Hope someone can help.

Thank you

(Image 01)

Screen Shot 2017-06-12 at 12.10.21.png

(Image 02)

W02 Option 2-01.jpg

Views

110

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct Answer

LEGEND , Jun 12, 2017 Jun 12, 2017
Try it this way:Place the accordion not on your master, but one (the same) on every single page.Open on that page the appropriate tab of the accordion.Link the accordion’s title bars on every page to their respective pages.Look here: http://accordion-side-menu.businesscatalyst.com/You may download the respective .muse file directly from this site.

Likes

Translate

Translate
Adobe Community Professional ,
Jun 12, 2017 Jun 12, 2017

Copy link to clipboard

Copied

The "problem" might be with both accordions, they do not close, once users have clicked, if everything is on the same page.

If the corresponding menu item leads always to a new page then it will work with the accordion out of the box.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jun 12, 2017 Jun 12, 2017

Copy link to clipboard

Copied

Try it this way:

Place the accordion not on your master, but one (the same) on every single page.

Open on that page the appropriate tab of the accordion.

Link the accordion’s title bars on every page to their respective pages.

Look here: http://accordion-side-menu.businesscatalyst.com/

You may download the respective .muse file directly from this site.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jun 12, 2017 Jun 12, 2017

Copy link to clipboard

Copied

Thanks Gunter! This was a way I was thinking but wasn't sure if there was any others! Helped so much.

Sarah

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jun 12, 2017 Jun 12, 2017

Copy link to clipboard

Copied

LATEST

It is not THAT elegant and streamlined, but it works after all!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines