Highlighted

Nav bar and Drop down information

New Here ,
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

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.

Views

99

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

Nav bar and Drop down information

New Here ,
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

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.

Views

100

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
Jun 12, 2017 0
Adobe Community Professional ,
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
Reply
Loading...
Jun 12, 2017 0
LEGEND ,
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
Reply
Loading...
Jun 12, 2017 0
New Here ,
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
Reply
Loading...
Jun 12, 2017 0
LEGEND ,
Jun 12, 2017

Copy link to clipboard

Copied

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
Reply
Loading...
Jun 12, 2017 0