Text "expandieren"

[Stephan]

Hallo,
ich weiß nicht, ob der Begriff expandieren korrekt ist für das folgende.
Wenn der Anwender auf "Nähere Informationen" klickt, wird zusätzlicher Text angezeigt.
Dies habe ich folgendermaßen gemacht:

a.text_expand {color:blue; text-decoration:none; outline-style:none;}  
a.text_expand em {color:#111111; font-style:italic; display:none;}  
a.text_expand:hover {text-decoration:none;}  
a.text_expand:active span, a.text_expand:focus span {display:none;}  
a.text_expand:active em, a.text_expand:focus em {display:block; width:100%; cursor:default;}

  
<a class="text_expand" href="#" onclick="this.hideFocus=true" onblur="this.hideFocus=false">  
<span>Nähere Informationen &nbsp;&nbsp;&nbsp;&#187;</span>  
<em>  
Zusätzlicher Text<br />  
.......  
</em>  
</a>  

Jetzt habe ich aber Text, der Block-Elemente enthalten soll, wie <ul> u.a.
Das geht natürlich nicht innerhalb vom em-Tag.
Andrerseits kann ich das em-tag nicht durch ein Block-Element ersetzen, da es innerhalb des a-tags steht.

Gibt es hierzu eine Lösung oder eine Alternative, Text zu "expandieren"?