Свернуть - Развернуть div по заголовку

<div class="panel">
    <div class="title">Foo bar</div>
    <div class="inner">Lorem ipsum dolor sit amet, consectepture adipisicing elit, sed do eiusmod.</div>
</div>

.panel {

  width: 200px;
  border: #ccc solid 1px;

}
.panel > .title {

  cursor: pointer;
  background: #eee;

}
.panel > .inner {

  border-top: #ccc solid 1px;

}

[/code]

.panel {
    width: 200px;
    border: #ccc solid 1px;
}
.panel > .title {
    cursor: pointer;
    background: #eee;
}
.panel > .inner {
    border-top: #ccc solid 1px;
}

$(function(){
    $('.panel > .title').click(function(){
        $(this).next('.inner').stop().slideToggle();
    });
});