Simple Hidden Divs

by Cam Gould

HTML

<div class="shoplook collapsed">
<h2 class="thelook">header1</h2>
<div class="shopnow">This is content</div>
</div>
<div class="shoplook">
<h2 class="thelook">header2</h2>
<div class="shopnow">This is content</div>
</div>

CSS

.shoplook {
    margin-bottom: 10px;
    background-color: silver;
    width: 200px;
}
.shoplook.collapsed .shopnow {
    display: none;
}

JavaScript

$(".shoplook .thelook").click(function() {
    $(this).next().slideToggle()
})