J2.5:Creating Mootools accordion or simple slider/toggler

Only this version

Since ,

Simple example to create a simple accordion. Can also be used to make a simple slide-toggler (just use 1 link). In this example all the accordions (slider) are closed by default.

The php code (e.g. inside template):

//Add Slide/toggle behavior
JHTML::_('behavior.framework',true);
$this->document->addScriptDeclaration('
                window.addEvent("domready", function( ){
                navAcc = new Accordion( $$( ".accordion .accT" ), $$( ".accordion .accE" ), {display: -1, alwaysHide: true}  );
});

Your html should look like this:

<div class="accordion">
        <a class="accT">Link 1</a>
        <div class="accE">Container 1</div>
        <a class="accT">Link 1</a>
        <div class="accE">Container 2</div>
        <a class="accT">Link 1</a>
        <div class="accE">Container 3</div>
</div>