Code für bestimmte Funktion gesucht

[exhubiranta]

Hallo liebe Leute,

ich brauche einen Code für folgende Funktion. Leider fehlt mir da etwas der Begriff dafür, sonst hätte ich der Suche geschaut. Weil ich glaube, das geht auch per php, poste ich es auch in dieses Forum. Da steht ein Link, z.B.

>> mehr Info

wenn man draufklickt, sieht's so z.B. so aus:

>> mehr Info (bleibt stehen)

bla bla bla bla bla bla
bla bla bla bla bla bla
>> schließen

Und das Ganze ein paar Mal pro Seite. Die Info klappt praktisch nach unten auf und veschiebt den Rest der Seite nach unten. Wenn jemand die Info nicht schließt, bleibt sie eben stehen. In der Info sollen auch noch kleine Bilder rein.
Wisst ihr den passenden Code?

Viele Grüße
exi

 

[Gumbo]

Schau dir mal den Code meines Beitrags im Thema „Text kürzen lassen“ an.

 

[exhubiranta]

Hallo und danke schon mal.
Ein Code hat mir enorm weiter geholfen. Dieser hier:

<script type="text/javascript">
function switchlayer(Layer_Name)
{
  var GECKO = document.getElementById? 1:0 ;
  var NS = document.layers? 1:0 ;
  var IE = document.all? 1:0 ;

  if (GECKO)
       {document.getElementById(Layer_Name).style.display=
	   (document.getElementById(Layer_Name).style.display=='block') ? 'none' : 'block';}
  else if (NS)
       {document.layers[Layer_Name].display=(document.layers[Layer_Name].display==
	   'block') ? 'none' : 'block';}
  else if (IE)
       {document.all[Layer_Name].style.display=(document.all[Layer_Name].style.display==
	   'block') ? 'none' : 'block';}
}
</script>
<ul>
  <li><a href="untermenue.php" onclick="javascript:switchlayer('ferrari');
	 return false;">Ferrari</a></li>
 <ul id="ferrari" type="circle" style="display:none;">
  <li>F355 Spider</li>
  <li>F40</li>
  <li>Maranello</li>
  <li>Testarossa</li>
 </ul>
</ul>

Ich habe die Aufzählungspunkte wegbekommen, aber die Einrückungen leider nicht. Könnt ihr mir helfen? Der Code sieht jetzt so aus:

<ul style="list-style-type:none;list-style-position:outside">
  <li style="list-style-type:none"><a href="untermenue.php" onclick="javascript:switchlayer('ferrari');
	 return false;">Ferrari</a></li>
 <ul id="ferrari" style="display:none;list-style-type:none;">
  <li><img src="(Empty Reference!)" width="32" height="32">F355 Spider</li>
  
 </ul>

 </ul><br>
<ul style="list-style-type:none;list-style-position:outside">
  <li style="list-style-type:none"><a href="untermenue1.php" onclick="javascript:switchlayer('spider');
	 return false;">Spider</a></li>
 <ul id="spider" style="display:none;list-style-type:none;">
  <li>xxxxxx</li>
  
 </ul>

 </ul>