Listenelemente ein/ausblenden

[Horst]

Hallo,

ich bin grad dabei eine Stichwortliste für mein Web zu bauen, das soll so aussehen, dass zunächst die Seiten (links) unter einem Stichwort ausgeblendet sind und mit einem Klick auf [+] eingeblendet werden sollen.

Folgendes hab ich erfolglos probiert (keine Fehlermeldung):

  
<ul>  
  
<li>Anton <i onClick="document.getElementById('Anton').display = 'yes'"> [+] </i>  
  <ul id="Anton" style="display:none;">  
   <li>Seite 1</li>  
   <li>Seite 2</li>  
  </ul>  
</li>  
  
<li>Berta</li>  
  
</ul>  

Das ausblenden mit [-] hab ich mal weggelassen. Wie mache ich es richtig, dass es funktioniert?

Viele Grüße,
Hotte