<strong class="mooaccordion">Accordion Label 1</strong> <p>Accordion Content 1 ...</p> <strong class="mooaccordion">Accordion Label 2</strong> <p>Accordion Content 2 ...</p> <strong class="mooaccordion">Accordion Label 3</strong> <div> <p>Accordion Content 3 paragraph 1 ...</p> <p>Accordion Content 3 paragraph 2 ...</p> </div>
Accordion Content 1 ...Accordion Label 2
Accordion Content 2 ...Accordion Label 3
Accordion Content 3 paragraph 1 ...
Accordion Content 3 paragraph 2 ...
MooAccordion locates all items with the mooaccordion class and puts them into a common container with each label containing the click activation for the accordion effect.
The label and content tags are not important. Note content 3 contains 2 paragraphs. In order to associate both paragraphs with the accordion label, they are both contained within a div tag. This is done because the plugin identifies the 1st tag following the accordion label as the accordion content.