Collapse
Yii2-collapse demo

This is a demonstration of two Yii 2.0 widgets rendering a Bootstrap Collapse or a Bootstrap Accordion.

Collapse

Tubbataha reef

Belay, golden amnesty! Peglegs wave on grace at tubbataha reef! The sunny mainland fiery marks the kraken? Parrots travel from faiths like small cannons.

<?php
use sjaakp\collapse\Collapse
?>
...
<?php Collapse::begin('Details') ?>
    <h4>Tubbataha reef</h4>
    <p>Belay, golden amnesty! Peglegs... </p>
<?php Collapse::end() ?>
...

Accordion

Fake Latin

Lixas

Nocere tandem ducunt ad germanus liberi. Vae, sensorem! Lixas accelerare, tanquam bassus byssus. Ubi est nobilis era?

Cores of the lotus

The doer loves. When the ego of politics yearns the cores of the lotus, the enlightenment will know believer?

Modern peace

It is a huge sonic shower, sir. Core at the saucer section that is when boldly moons reproduce? All hands harvest, modern peace!

<?php
use sjaakp\collapse\Accordion
?>
...
<?php Accordion::begin('Fake Latin') ?>
    <h4>Lixas</h4>
    <p>Nocere tandem ducunt...</p>
<?php Accordion::next('Esoteric Wisdom') ?>
    <h4>Cores of the lotus</h4>
    <p>The doer loves. When the ego...</p>
<?php Accordion::next('Science Fiction') ?>
    <h4>Modern peace</h4>
    <p>It is a huge sonic shower, sir...</p>
<?php Accordion::end() ?>
...

This also demonstrates the CollapseGroup widget. Both 'Code' panels are part of one CollapseGroup; therefore, only one of them can be open.

Thanks to Kay Stenchke's brilliant Dummy Text Generator.