~~~~~~~~~~~~ IMPORTANT INFORMATION -- Please read! ~~~~~~~~~~~~

1. The "search..." box above searches the Docs & Forum Posts. The "Search" tab above just searches the Forum Posts. :side:
Please use these to search for your issue *before* creating a new message topic, as your issue may have been previously solved.
2. Please put your Club # and Club Web Address in your Forum Signature (best) OR in each post to get faster support from us.
Click here to edit your signature at the bottom of the Profile Information tab.
3. Our user and admin docs are available at: support.toastmastersclubs.org/doc "There's a doc for that!" ;)
4. There is an "Opt In" Feature for newly added members. The Opt In document explains the strikethrough member information. Click Here to View the Post
5. When posting a New Topic , please include all relevant details and be specific. When did your issue 1st occur? What operating system, browser, & browser version are you using? Did you refresh your browser cache? Are your cookies enabled? Lastly, a screen shot is often helpful.
6. Please abide by the Terms of Use . We are volunteers contributing our spare time. We are happy to assist you, so long as you are respectful and courteous.
7. We are always looking for new FreeToastHost Ambassadors to join our team and support fellow Toastmasters in their use of the FreeToastHost website system. If you are familiar with the system and have some interest, send a Send Us a Private Message.

Completely collapse an accordion?

More
9 years 3 months ago #56385 by paulb
Completely collapse an accordion? was created by paulb
Hi!

Is there a way to completely collapse an accordion, so that when you first went to the page all sections would be closed with only the titles visible?

It seems like the first section is always open, and only collapses when another section is clicked on.

Thanks!
The topic has been locked.
More
9 years 3 months ago - 9 years 3 months ago #56392 by SteveTheTechie
Replied by SteveTheTechie on topic Completely collapse an accordion?
I think you need to tell us your club number and what you are trying to accomplish.

I define the default styling of the accordions... The styling can only be changed with advanced techniques requiring understanding of HTML, CSS and JavaScript.
Last edit: 9 years 3 months ago by SteveTheTechie.
The topic has been locked.
More
9 years 3 months ago #56405 by paulb
Replied by paulb on topic Completely collapse an accordion?
Hi Steve,

Our club is 875053, Cartus Magnus Toastmasters.

See the example here: cartusmagnus.toastmastersclubs.org/Useful_Links.html

The first section of the accordion ("Overcoming Fear") is always open when the page is first loaded. I would like all sections to be collapsed so that it's clear to someone visiting the page that there are multiple sections.

Thanks,
Bridget
The topic has been locked.
More
9 years 3 months ago - 9 years 3 months ago #56406 by SteveTheTechie
Replied by SteveTheTechie on topic Completely collapse an accordion?
Well, this is why I tend to prefer tabs, and I have been progressively replacing accordions in system dialogs with tabs.

In any case, if you are comfortable with javascript, you can try putting the following at the top of that page's content (insert in Source View). Make sure you save a backup copy of the page first.

Code:
<script>jQuery("#UsefulLinks").accordion("option", {active: false, collapsible: true})</script>
I have not tested this... so make sure you have a backup of the page.

Reference: api.jqueryui.com/accordion/#option-collapsible

Last edit: 9 years 3 months ago by SteveTheTechie.
The topic has been locked.
Moderators: Pamjliumarc33NotLiabledeedubbleyooNSB
Time to create page: 0.099 seconds