hlxsites / aldevron

https://www.aldevron.com
Apache License 2.0
0 stars 2 forks source link

Create accordion variation with CTA for expand all/collapse all #63

Closed pardeepgera23 closed 11 months ago

pardeepgera23 commented 11 months ago

Use case: Create a variation of existing Accordion block which will show hide a CTA to expand collapse all rows. Refer to example here - https://www.aldevron.com/our-services/plasmid-dna-production/nanoplasmid/faq

Feature Requirement: Accordion User Story: This Accordion will expand and collapse based on 'CTA' and space between the accordions will be based on 'spacer'. Platforms: Pasted Graphic

Pasted Graphic 1

Authoring steps :

1- Insert a table with 2 columns and required rows (as per the number of queries). 2-In the first row provide the name of the block as "Accordion(CTA)". If you don't append CTA in the block name then Collapse All/Expand All button will not be visible as per the functionality. 3-If we need space between the accordions , we have to append "spacer" in the block name as well i.e "Accordion(CTA, spacer)". 4-Place the question in the next rows of first column and answers in the second column. Find the below screenshot for your reference. Pasted Graphic 2 image

pardeepgera23 commented 11 months ago

@Kummu007 - Please validate

Kummu007 commented 11 months ago

This is working as expected.

https://main--aldevron--hlxsites.hlx.page/qe-test/accordion-with-collapse-all#