The Simple Accordion Component (not...

User 2699991 Photo


Registered User
4,799 posts

I am brobably going to know the answer to this, but I gotta ask anyway

Using the simple accordion component, ---- is it possible to

1/ make it so all the sections are closed until someone chooses to open one

2/ make the thing that opens (containing the information) drop down not up, UP being a complete waste of time for smaller devices, as the user has to scroll back up the screen in order to view the information from the start.

Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 122279 Photo


Senior Advisor
14,450 posts

I have not studied this in FF, but I have used the accordion thingy in jquery, https://jqueryui.com/, and I changed this script:
<script>$(function(){$("#accordion").accordion({collapsible:true})});</script>

to
<script>$(function(){$("#accordion").accordion({collapsible:true,active:false})});</script>


I don't know about opening up or down, but could that be dependent on the accordion being close to the bottom of the page?
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 379556 Photo


Registered User
1,535 posts

Item 1 in the first post is something I have done as follows.
(a) In the Attributes of the List Container I added Data Allow All Closed and gave it a value of 'true' (without the inverted commas).
(b) For the List Item Container I deleted the Is Active class.

Frank
User 379556 Photo


Registered User
1,535 posts

I have achieved item 2 in the first post by using the Inspector panel to reverse the items in the List Item Container, i.e. to move the the Container above the Text Link. I assume that is what was meant by item 2: in any case is does reverse the default direction of opening.

Frank
User 2699991 Photo


Registered User
4,799 posts

Frank Cook wrote:
I have achieved item 2 in the first post by using the Inspector panel to reverse the items in the List Item Container, i.e. to move the the Container above the Text Link. I assume that is what was meant by item 2: in any case is does reverse the default direction of opening.

Frank


Thanks Frank & Inger I have read and understand your suggestions, and Frank Yes your suggestion for reversing the way the accordion opens works fine, however have gone a different route as in the end accordion wasn't suitable for the contents to display properly, but I know now what choices and how to do it for future if I ever need again.

Thanks again


Wayan
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/

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.