Keep Some Text Dropdown Open and Some Closed…

[Historical Forums User]

A while back I started this thread:
https://css-tricks.com/forums/topic/using-css-to-keep-text-dropdown-menu-open/

And got the answer I was looking for; on my site I had some text menus that would automatically close and i wanted them to stay open. I added the following code to my “custom css” section on my Squarespace site:
.subnav{height:auto!important}

So, now I have something new I’m hoping would be possible… On my site there are four sections that have a dropdown menus that are being kept open. I wanted to see if it would be possible to make it so only one of them would close.

On my website:
http://jeffsingerphotography.com/portfolios/portraits/

I would like the “Projects” menu to close while the others stay open.

Possible?

Thanks!

[Paulie_D]

A demo in Codepen would be optimal.

We don’t need the whole thing.

Just enough to demo the issue with a couple of menus. That said, this is really the province of javascript/Jquery/etc.

[Historical Forums User]

I’m not sure what you mean by a demo in codepen. If you go to the link above you’ll see the sidebar with the menu items (Portfolios, Filters, Projects, and Links). Right now they are all kept open thanks to the code “.subnav{height:auto!important}”, but without that code all the sub items would collapse up and only be visible when you click on the menu item.

[Author]

Posts