Dropdown Menu Tutorial Update - multi pane fix for accordion

Registered User
309 posts

I added another ATTRIBUTE option for the accordion to the step by step tutorial here:
Dropdown Menu

I found the default behavior for the accordion which is to close any open pane when another is clicked isn't in RSD. What that does if you have a fair amount of dropdown panes and open them your menu can go off screen on phones. By adding the below ATTRIBUTE it fixes that issue.

The new step is:
Making the UL accordion so only one dropdown pane opens

Select the menu-containers List Container
You'll see the ATTRIBUTE Data Responsive Menu
From the drop down ADD another ATTRIBUTE Data-Multi-Open
For it's attribute Value ADD false
What that does is close any open panes when you have multiple dropdowns that can go off screen

I also updated the text file download if you use those for working off line.

Senior Advisor
17,886 posts
Online Now

Looks good
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
Here's my CoffeeCup SCCP Shop with examples of what can be done.
This is a site I built for my work.(RSD)
This is a site I built for use in my job.(HTML Editor)
This is my personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.