SO - 25355949

by Arun P Johny

HTML

<div class="flip">Unfold!</div>
<div class="panel">Hello<br/>This is First</div>

<div class="flip">unfold 2!</div>
<div class="panel">hello<br/>This is Second</div>

CSS

.panel, .flip {
    padding:5px;
    text-align:center;
    background-color:#e5eecc;
    border:solid 1px #c3c3c3;
}
.panel {
    padding:50px;
    display:none;
}

JavaScript

$(document).ready(function () {
    $(".flip").click(function () {
        $(this).next(".panel").slideDown("slow");
    });
});