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

[Jan L.]

Hallo!

<li>Anton <i onClick="document.getElementById('Anton').display = 'yes'">[+] </i>

1. ist display keine Eigenschaft des Elements selbst, sondern seines
   style-Objekts.
2. ist 'yes' kein gültiger Wert für 'display'.
   http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display

Gruß, Jan

[Horst]

Hallo!

http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display

Klar, wer lesen kann...
document.getElementById('Anton').style.display = 'block'
document.getElementById('Anton').style.display = 'none'

Danke und Gruß,
Hotte