Hallo!
Ganz einfach (dachte ich eigentlich): Ich habe Überschriften auf einer Webseite. Klicke ich auf die Überschrift, soll ein Text darunter erscheinen und alle folgenden Überschriften entsprechend nach unten wandern. Klicke ich nochmal auf die Überschrift, soll der Text verschwinden und die folgenden Überschriften wieder ohne Lücke sein. Also:
1. Überschrift
2. Überschrift
3. Überschrift
4. Überschrift
[Klick auf 2. Überschrift]
1. Überschrift
2. Überschrift
Hier steht nun ein Text, der die 3. und 4,. Überschrift nach unten verschiebt.
3. Überschrift
4. Überschrift
Okay, also:
Absätze in ein DIV gepackt, position:absolute;visibility:hidden
Beim Klick auf Überschrift: position:relative;visibility:visible
Beim nochmaligen Klick auf Überschrift: position:absolute;visibility:hidden
Geht in FF wunderbar, nur der IE (6 auf XP, alle Updates) spinnt: Die 3. und 4. Überschrift werden zwar nach unten verschoben, der DIV wird aber nicht sichtbar. Lasse ich den Wechsel der position von absolute in realtive weg, wird der Text im DIV angezeigt (aber natürlich ÜBER den Überschriften 3 und 4 - diese werden nicht verschoben).
Ideen? Hat jemand evtl. mal einen Beispiel-Code, der im IE funktioniert?
*added* Das Problem scheint zu sein, dass der Text im DIV nochmal in einer Tabelle steckt. Alles ausserhalb dieser Tabelle wird korrekt ein-/ausgeblendet, alles in der Tabelle bleibt hidden.
Archiv
