you can use something like this with css for the visual-style..
<div class="xxxx" style="float:left;" id="list">
<a>blablablbla title</a>
<div>
<p>
blablablbla coming!<br/>
Buy now blablablbla r free!<br/>
well, atblablablbla er. Perhaps a bear,<br/>
blablablbla ford it.
</p>
</div>
<a>blablablbla title 've got...</a>
<div>
<p>
blablablbla admit it!<br/>
Nblablablbla bears.
</p>
</div>
</div>
<-------------------------------------------------------------->
$('a').click(function(){
$(this).next().toggle() //show or hide div fire click
});
<-------------------------------------------------------------->
or with your html:
<dl>
<dt id="foo">Foo</dt>
<div>
<dd class="bar">Bar 1</dd>
<dd class="bar">Bar 2</dd>
</div>
<dt id="baz">Baz</dt>
<div>
<dd class="flurp">Flurp</dd>
</div>
</dl>
<-------------------------------------------------------------->
$('dt').click(function(){
$(this).next().toggle() //show or hide div fire click
});
<-------------------------------------------------------------->
bye ^^.
