Nested Accordion Block

Description

• adding accordion block inside accordion block
• view demo – password: abc
• buy me a coffee

#1. Install Code

#1.1. You can wrap some text in Accordion Content with symbol @@ and @@

Like this

#1.2. Hover on top right of section > Click EDIT SECTION

#1.3. at Design > Anchor Link > Enter word: nested-accordion

#1.4. Hover on Page where you use Accordion Block > Click Gear icon

#1.5. Click Advanced > Paste this code

• If you use Personal/Basic Plan and your plan doesn’t support Injection, you can see #3.1

<!-- 08.26c30v13 Nested Accordion Block -->
<script>
window.NestedAccordionConfig = {
  sectionSelector: 'section[id*="nested-accordion"]',
  marker: '@@',
  spaceAbove: '20px',
  titleTag: 'h5',
  contentFontSize: '',
  arrowSize: '20px',
  arrowColor: '',
  lineColor: '',
  lineThickness: '1px',
  animationDuration: '0.35s'
};
</script>
<script src="https://code.beaverhero.com/accordion/0826c30v13nestedaccordion.js"></script>

#2. Customize

#2.1. To change space above Accordion, change line 06

spaceAbove: '20px',

#3. Other

#3.1. If you use Personal/Basic Plan and your plan doesn’t support Code Injection, you can edit current page > Add a Markdown Block.

Use this code into Markdown Block

<script>
window.NestedAccordionConfig = {
  sectionSelector: 'section[id*="nested-accordion"]',
  marker: '@@',
  spaceAbove: '20px',
  titleTag: 'h5',
  contentFontSize: '',
  arrowSize: '20px',
  arrowColor: '',
  lineColor: '',
  lineThickness: '1px',
  animationDuration: '0.35s'
};
</script>
<script src="https://code.beaverhero.com/accordion/0826c30v13nestedaccordion.js"></script>