Как создать раскрывающееся окно?

[Vic-Tor]

Здравствуйте! Не могу ни где найти или может описываю неправильно.

Нужно, что бы при нажатии на строку текста (списка) снизу открывался скрытый текст или еще лучше таблица. Т.е. нажимаешь на текст допустим "прайс на трусы" (таких строки 4), а снизу открывается этот прайс, а строчки текста, которые были под "прайс на трусы" съехали вниз.

Спасибо!

ps: вот здесь например: http://www.dentalea.ru/shop/

Edited February 25, 2013 by Vic-Tor

[skatadov]

Попробуйте такой вариант, только Jquery подключить не забудьте.

$(function() {
$('.block li a').click(function(event) {
$(this).parent().toggleClass('open');
});
});

.block div{
display: none;
}
.block .open div{
display: block;
}

<ul class="block">
<li><a>Заголовок 1</a>
<div>Скрытый текст 1</div>
</li>
<li class="open"><a>Заголовок 2</a>
<div>Скрытый текст 2</div>
</li>
</ul>