Sample Toggle Button

Bootstrap button toggling a peek-a-boo paragraph.

by Rynne Cowham

HTML

<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo">
    Reveal the Truth ... if you dare.
</button>

<div id="demo" class="collapse">Somewhere in the world today there is a woman for whom the sword is forged. Somewhere there is one who has heard the trumpets of the new age, and who will respond. She will respond, this new woman, to the high clamor of those star trumpets; she will come as a perilous flame and a devious song, a voice in the judgment halls, a banner before armies. She will come girt with the sword of freedom, and before her kings and priests will tremble and cities and empires will fall, and she will be called BABALON, the scarlet woman. For she will be lustful and proud; she will be subtle and deadly, she will be forthright and invincible as a naked blade. And women will respond to her war cry, and throw off their shackles and chains, and men will respond to her challenge, forsaking the foolish ways and the little ways, and she who will shine as the ruddy evening star in the bloody sunset of Gotterdamerung, will shine again as a morning star when the night has passed, and a new dawn breaks over the garden of Pan.<br/><br/>
To you, oh unknown woman, the sword pledged. Keep the faith!</div>

CSS

button { 
    margin:10px; 
}
#demo {
    font:normal 14px Helvetica;
    margin:10px;
    padding:6px;
    border:1px solid #009;
}