ukrywanie i pokazywanie warstw Opcje

[wassago]

I znow problemy. Cala moja przygoda z JS zaczela sie kilka postow nizej, wiec delikatnie i lopatologicznie prosze (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) 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 (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) Zreszta, przyznaje sie do tego, ze pomysl z ukrywaniem tresci poprzez overflow jest dosc sredni, ale jakos nie mam innego pomyslu jak na razie.

[Rush]

A jak przerobic ten kod aby dzialal na ponizszej zasadzie?

Strona zbudowana bylaby z kilku warstw - jedna pod druga:

Warstwa1
Warstwa2
Warstwa3
Warstwa4
Warstwa5
Warstwa6

Domyslnie byloby widac Warstwa1, Warstwa2 oraz Warstwa6.

Dodatkowo na stronie znajdowaloby sie menu napisane w CSS z odnosnikami do Warstwa2-5.
Po kliknieciu w menu na odnosnik do Warstwa2 (jezeli ta warstwa akurat bylaby widoczna) nic by sie nie dzialo. Jednakze w tej samej sytuacji po kliknieciu na odnosnik do Warstwa4, nasza widoczna Warstwa2 ukrylaby sie, a Warstwa4 pokazala. Analogicznie po kliknieciu pozniej w Warstwa3, warstwa ta pokazuje sie a Warstwa4 ukrywa.

Jezeli chodzi o menu to jak mialby wygladac przykladowy odnosnik do pokazywania/ukrywania warstw np do Warstwa3? <a href.. ?

Dzieki za pomoc!