ms_x: hidden div soll verdrängt andere Elemente

Hallo,

ich hoffe, dass mir hier jemand weiterhelfen kann, denn mein Vorhaben bringt mich fast zum verzweifeln:

Ich möchte, dass auf einer HTML-Seite mehrere Überschriften zu lesen sind. Klickt man eine davon an, soll direkt darunter der entsprechende Text aufklappen und die anderen Überschriften nach unten schieben.

Erst habe ich versucht, dass mit voneinader unabhängigen divs zu lösen. Das div, in dem der Text war hat aber beim Einblenden (durch "Klick" auf die Grafik) die unteren Überschriften überschrieben. Jetzt habe ich es mit verschachtelten divs gemacht, die mit float: left; positioniert werden. Allerdings ist der Platz, an dem das ausgeblendete div ist leer, die Überschriften sind von Anfang an nach unten verschoben.

Hier der Code, wüsste da vielleicht jemand eine Lösung?

<div style="left: 20; top: 20; height: 500; width: auto; line-height: 500%; float:left">
<h1 ><img src="plus.png" onclick="MM_showHideLayers('content','','show')" /> Lorem ipsum</h1>

<div id="content" style="width: 200px; visibility: hidden; float: left; ">
  <p>
Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
</div>
<h1>Lorem ipsum</h1>
<h1>Lorem ipsum</h1>
<h1>Lorem ipsum</h1>
</div>

  1. Moin,
    versuchs mal statt mit visibility=hidden mit display=none

    1. Moin,
      versuchs mal statt mit visibility=hidden mit display=none

      Hallo, vielen Dank für die Antwort. Aber dann habe ich wieder das Problem, dass ich nicht weiß, wie man das div dann mit javascript einblendet. bis jetzt funktioniert das ja über: onclick="MM_showHideLayers('content','','show')"

      Gruß

      ms_x

      1. Hallo, vielen Dank für die Antwort. Aber dann habe ich wieder das Problem, dass ich nicht weiß, wie man das div dann mit javascript einblendet. bis jetzt funktioniert das ja über: onclick="MM_showHideLayers('content','','show')"

        wie wärs, die display-eigenschaft von none wieder auf etwas zu ändern, dass sie sichtbar wird? ;)

        im übrigen solltest du dich von diesen hässlichen macromedia-funktionen und am am besten auch vom dreamweaver trennen - diesen richtig zu benutzen ist eine kunst und den leuten vorbehalten, die nach meisterung dieser kunst lieber darauf verzichten

        1. [latex]Mae  govannen![/latex]

          im übrigen solltest du dich von diesen hässlichen macromedia-funktionen und am am besten auch vom dreamweaver trennen - diesen richtig zu benutzen ist eine kunst und den leuten vorbehalten, die nach meisterung dieser kunst lieber darauf verzichten

          Du hättest dich an dieser Stelle ruhig self zitieren können ;)

          Cü,

          Kai

          --
          Ash nazg durbatulûk, ash nazg gimbatul,ash nazg thrakatulûk, agh burzum-ishi krimpatul
          selfcode sh:( fo:| ch:? rl:( br:< n4:# ie:{ mo:| va:) js:) de:> zu:) fl:( ss:| ls:?
          1. Du hättest dich an dieser Stelle ruhig self zitieren können ;)

            aber ein schlechtes ;) ich hätte da wohl eher "schaltet meiner einer" oder "mein gehirn" schreiben sollen - so liest sich das etwas ruppig :D