Toggle

Toggle the display of sections of content.

Example #



Toggle content

Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapi

HTML
<button data-target-id="toggleContent"
    data-behavior-is="toggle-btn">
        Toggle button
</button>

<div id="toggleContent" class="bs-toggle-content">
    <h4>Toggle content</h4>
    <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus...</p>
</div>

Optional attribute to change the text of the button data-text="show, hide"