[Resolved] Set Accordion Default to Closed

[Author]

Posts

[markH-16]

I added an Accordion to a Layout. I'm only using one panel and I would like it to be collapsed by default. Is there a way to set the panel to 'collapsed', rather than 'open'.

My Panel title is; "How this page was made." The idea is, I'm new to Toolset and I want to document how I do things, so I don't forget. This is my test site, so to speak. You can see it at the bottom of this page: hidden link

Or, can I use Access to display this bit of content only to certain roles? I'd want others to see the rest of the page, but only certain roles to see the instructions.

Thanks.

[Noman]

Hi mark,

Thank you for contacting Toolset support.

1. Accordion to be collapsed by default, what you need to do is to remove the class "in" from the panel.

Go to: Toolset > Layouts CSS & JS, in the JavaScript editor you should be able to add the following to strip the 'in' class when the page loads. In this case it would be for any panels, but you have only one. If you had multiple panels you would need a more specific selector.

( function( $ ) {
    $( document ).ready( function(){
        $('.panel-collapse').removeClass('in');
        $('.panel-title > a').addClass('collapsed');
    });
})( jQuery );

2. For limiting read access to specific content, please use Access plugin and follow this doc:
https://toolset.com/documentation/user-guides/limiting-read-access-specific-content/

Download Access plugin form here:
https://toolset.com/download/toolset-access/

Thank you

[markH-16]

Thanks Noman. I added the js. That works perfectly.