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



<file html>
<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>
</file>



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

<file html 1.js>

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

</script>
</file>