Hallo,
hab bei Google etwas gefunden
$('.show').click(function() {
$('.hidden').slideToggle();
$('.shown').slideToggle();
$(this).text($(this).text() == '+' ? 'Zuklappen' : '+');
});
<div>
sichtbarer block
</div>
<div style="text-decoration: overline; font-size: 10px; text-align: center;
width: 5px; height: 5px; float: left; padding-right: 5px;">
<a href="#" class="show">+</a>
</div>
<div style="padding-left: 4px; border: 1px dotted grey; width: 5px;
border-right: 0px; min-height: 10px; float:left">
<div style="display: none; width: 400px;" class="hidden">
versteckter Block 1 - versteckter Block 2 <br> versteckter Block 3
</div>
</div>
Ob das gut oder schlecht ist kann ich nicht sage aber es funktioniert. Wenn ihr noch etwas anders habt, könnt ihr es mir ja schreiben.