Forums

The Accordion Option In The Area Splitter Block

Permalink
Has anyone ever customized the accordion feature in the Area Splitter block? I need to set the accordion so that all the sections are closed. right now, the first section is default open. The javascript is so cryptic,
I just can't find it in the code. Another, related question I have is how do I set the height for each section so that it opens the the height of the text? Right now the height is set at a default to be the same for all sections so that some sections have a scroll bar and some sections with little text have large blank spaces below the text.
sschildbach
 
Pixelfixer replied on at Permalink Reply
Pixelfixer
Hopefully, you found an answer to this question much sooner than this reply nearly 5 years later, but seeing none, I thought I'd leave a solution that works well for me, in the likelihood that someone else may need this answered.

In the Layout tab of the Area Splitter block, in the box under the title "jQuery UI accordion options: eg: {active:2}", I put the following settings:

{collapsible:true, active:false, clearStyle: true, autoHeight:false }

This overrides the default open panel and allows the height of the panel to adjust as needed and allows it to work well in a mobile theme.

Hope this helps!
sschildbach replied on at Permalink Reply
sschildbach
Thank you Pixel Fixer, I can't remember when, but I did find that solution as well. Better 5 years later than not at all.