Свернуть - Развернуть 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>

1.css

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

1.js

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