Stackoverflow 2012-06-11

HTML

<div class="collapse">
    <div>abc</div>
    <h1>123</h1>
</div>
<div class="collapse">
    <div>xyx</div>
    <h1>456</h1>
</div>

JavaScript

function Collapse(){
    $(document).ready(function(){
        Collapse.setEvents();
    });
}
Collapse.setEvents = function(){    
    $('.collapse>div').hide();
    $('.collapse>h1').click(function(e){
        Collapse.show(e);
    });
}
Collapse.show = function(e){
    $(e.target).closest('.collapse').children('div').slideToggle();
}
var collapse = new Collapse();