Page 4 of 5
Nested Usage:
It can get as complicated (and deep) as your brain can keep track of.
<div> <strong class="mooaccordion">Accordion Level 0.1</strong> <div> <strong class="mooaccordion">Accordion Level 1.0.1</strong> <div> <strong class="mooaccordion">Accordion Level 3.1.1</strong> <div>Level 3 - item 1</div> </div> <strong class="mooaccordion">Accordion Level 1.0.2</strong> <div>Level 2 - item 2</div> <strong class="mooaccordion">Accordion Level 1.0.3</strong> <div>Level 2 - item 3</div> </div> <strong class="mooaccordion">Accordion Level 0.2</strong> <div>Level 1 - item 2</div> <strong class="mooaccordion">Accordion Level 0.3</strong> <div> <p>Level 1 - item 3 - paragraph 1<p> <p>Level 1 - item 3 - paragraph 2<p> </div> </div>
Accordion Level 0.1
Accordion Level 1.0.1
Accordion Level 0.2
Accordion Level 3.1.1
Accordion Level 1.0.2
Level 3 - item 1
Level 2 - item 2
Accordion Level 1.0.3
Level 2 - item 3
Level 1 - item 2
Accordion Level 0.3
Level 1 - item 3 - paragraph 1
Level 1 - item 3 - paragraph 2