Accordianer documentation

Accordianer allows you to show or hide one of a group of items whilst hiding the others, known as an accordian control. All accordian items must have a CSS class of accordianitem.

Example

<ul id="accordian">
<li>
	<p><a class="accordianer group-accordian item-accordian1" href="#">Toggle accordian item 1</a></p>
	<div class="accordianitem" id="accordian1">
	Accordian item 1
	</div>
</li>
<li>
	<p><a class="accordianer group-accordian item-accordian2" href="#">Toggle accordian item 2</a></p>
	<div class="accordianitem hider" id="accordian2">
	Accordian item 2
	</div>
</li>
<li>
	<p><a class="accordianer group-accordian item-accordian3" href="#">Toggle accordian item 3</a></p>
	<div class="accordianitem hider" id="accordian3">
	Accordian item 2
	</div>
</li>
</ul>

Settings

Valid elements

a elements (links)

Classname

accordianer

Attributes

None

CSS parameters (what's this?)

group
The id of the accordian group
item
The id of the accordian item to show