Подкорректировать выпадающей блок.
 

Всем привет.

Использую вот этот код для плавно выезжающего блока:

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

<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>

Как можно сделать так, чтобы разворачивающейся блок был изначально спрятан?

Заранее спасибо.

CSS:

.panel > .inner {
   display: none;
}

Спасибо)))