HTML5 и CSS3 и т.п., кажется, позволяют это делать, но я с ними не знаком.
jQuery UI - Home - в направлении toggle, slideup/down, hide/show ^____^
Вся идея сводится как раз к вашим знаниям - динамическое изменение CSS-свойств display, width, height, opticaly
Код:
<div class="title"></div><div class="content"><div class="title"></div><div class="content"></div><div class="title"></div><div class="content"></div><div class="title"></div><div class="content"><div class="title"></div><div class="content"></div></div></div>
jQuery(document).load(function($){
$('.title').click(function(){
$(this).next('.content').toggle()
})
})
принцип такой, но я мог ошибиться на скорую руку.
А лучше - посмотрите исходники спойлеров!