Einen Tabellebereich auf/zuklappen

[dll]

Hallo zusammen,

also ich hab schon nach meinem problem gesucht, allerdings nichts anständiges gefunden, bzw nichts was ich versteh.

ich habe eine tabelle sagen wir mit 5 zeilen und 2 spalten

nun möchte ich das die ersten beiden zeilen immer angezeigt werden beim aufruf der seite, die anderen drei zeilen jedoch erst wenn man einen Link o.ä. anklickt der sich darunter befindet.

also zb

<table>
 <tr> 
  <td> immer anzeigen</td>
  <td> immer anzeigen2</td>
 </tr>
 <tr> 
  <td> immer anzeigen3</td>
  <td> immer anzeigen4</td>
 </tr>
 <tr>
  <td> erst bei klick anzeigen</td>
  <td> erst bei klick anzeigen2</td>
</tr>
 <tr> 
  <td> erst bei klick anzeigen3</td>
  <td> erst bei klick anzeigen4</td>
 </tr>
 <tr>
  <td> erst bei klick anzeigen5</td>
  <td> erst bei klick anzeigen6</td>
 </tr>
</table>

ich habe was gefunden indem man einfach ein div setzt. allerdings ist es mir nur gelungen eine ganze tabelle auf und zu zuklappen, jedoch nicht nur einen teilbereich.

könnt ihr mir da vllt helfen?was muss ich tun?

 

[XraYSoLo]

sieht mir nach linkliste aus, oder?
was macht das dann in tabellen?

das bekommst du am besten mit <ul>- und <li>-elementen und CSS (active und display) hin.

Nils aka XraYSoLo

 

[dll]

hast du gelesen was ich oben geschrieben habe? :)

ich will zeilen 3, 4 ,5 aufklappen in dem ich einen button klicke.

ich habe eine möglichkeit die ganze tabelle aufzuklappen zb so

function toggle(control)
   {
   var elem = document.getElementById(control);
   if(elem.style.display == "none")
   {
   elem.style.display = "block";
   }
   else
   {
   elem.style.display = "none";
   }
   }

<div id="Klappe1">
<table>
<tr> 
<td> immer anzeigen</td>
<td> immer anzeigen2</td>
</tr>
<tr> 
<td> immer anzeigen3</td>
<td> immer anzeigen4</td>
</tr>
<tr>
<td> erst bei klick anzeigen</td>
<td> erst bei klick anzeigen2</td>
</tr>
<tr> 
<td> erst bei klick anzeigen3</td>
<td> erst bei klick anzeigen4</td>
</tr>
<tr>
<td> erst bei klick anzeigen5</td>
<td> erst bei klick anzeigen6</td>
</tr>
</table>
</div>
 
<table >
<tr>
<td>
<a href="javascript:toggle('Klappe1')">Details</a>
</td>
</tr>
</table>

da ich jedoch NICHT die ganze tabelle aufklappen möchte sondern nur zeile 3,4,5 geht das mit div nicht. (Zeile 1 und 2 sollen IMMER angezeigt werden)

daher suche ich eine andere lösung...

 

[XraYSoLo]

ich hab' auch nicht von DIVs gesprochen, sondern von elementen.
jedem eine eindeutige kennung geben - und vorallem JS weglassen, damit schluießt du user wie mich z. b. aus.

Nils aka XraYSoLo

 

[crash]

<td> ist nur kein block, sondern table-row.