MooTools Accordion button

<a class=open href='#'>Open 2</a><br><br>

<div id=accordion><h2>What is MooTools?</h2><div>MooTools is a compact, modular, Object-Oriented JavaScript framework.<br> <a class=next href='#'>Next</a>
</div>

<h2>Cool! What licence does it have?</h2><div>MooTools is released under the Open Source MIT license.<br> <a class=next href='#'>Next</a>
</div>

<h2>What browsers does it support?</h2><div>MooTools is compatible and fully tested<br>
<a class=next href='#'>Next</a>
</div>
</div>
var accordion = new Fx.Accordion($(accordion), '#accordion h2', '#accordion div',{ display:-1,alwaysHide:true});
$$(.next).addEvent(click, function(event){ event.stop(); accordion.display(accordion.previous +1);});

$$(.open).addEvent(click, function(event){ event.stop(); accordion.display(1);});
#accordion h2 { background: #666; color: white; cursor: pointer; font: 12px Helvetica, Arial, sans-serif; line-height: 16px; margin: 0 0 4px 0; padding: 3px 5px 1px;}
#accordion div{ padding: 0 6px 8px 6px;}