ukrywanie i pokazywanie warstw Opcje

[wassago]

I znow problemy. Cala moja przygoda z JS zaczela sie kilka postow nizej, wiec delikatnie i lopatologicznie prosze Problem jest nastepujacy: mamy 3 div'y o display'u default'owym, ulozone jeden pod drugim - schematycznie wyglada to tak:

Kod

+--------------------------------+
|                                | <- div #1
+--------------------------------+
|                                | <-|
|                                | <-|- div #2
|                                | <-|
+--------------------------------+
|                                | <- div #3
+--------------------------------+

W duzym uproszczeniu: potrzebuje skryptu, ktory pokazywalby div'a #2 po nacisnieciu div'a #1. Dodatkowo gdy nacisne drugi raz na div'a #1 - div'a #2 powinien sie schowac.

Idac tropem, ktory mi podal Paul w moim poprzednim poscie doszedlem do takiego momentu:

[HTML] pobierz, plaintext 
<div style="background-color: yellow;" onClick="d2.style.height = 'auto';">a</div>
<div id="d2" style="background-color: orange; height: 1px; overflow: hidden;">b</div>
<div style="background-color: red;">c</div>
[HTML] pobierz, plaintext 

Kod teoretycznie powinien dzialac pod IE jak i MOZ lecz dziala tylko pod IE, na dodatek nie tak jak bym sobie to wymazyl, potrzebuje aby div #2 byl calkowicie schowany, a w kodzie widac "height: 1px" - gdy ustawie "height: 0px", div #2 wogole nie jest chowany. No i jak juz wczesniej wspomnialem potrzebuje jeszcze akcje schowania div'a #2 po nastepnym kliknieciu.

Jako kompletny JSnewbie, prawdopodobnie zabralem sie do pisania tego od dupy stony, ale zeby nie bylo, ze nie probowalem Zreszta, przyznaje sie do tego, ze pomysl z ukrywaniem tresci poprzez overflow jest dosc sredni, ale jakos nie mam innego pomyslu jak na razie.