TippSpielGott: Toggle - menüpunkte einzeln aus- und wieder einklappen

Beitrag lesen

Also, folgendes ist mein Problem:
Ich möchte einen Terminplan erstellen, bei dem nähere Informationen zu den Terminen per Mausklick ausgeklappt werden sollen - bei Interesse. Funktioniert einzeln gesehen auch so ganz gut, nur nicht, wenn es mehrere Termine sind. Die Termine werden in einer Mysql-Datenbank gesammelt und mit PHP ausgelesen. Jedem Termin ist eine ID zugewiesen. Wie ist es nun möglich, dass auch jeder zu "toggelnden" Tabelle die zugehörige ID zugewiesen wird - oder wo liegt der Fehler? Hier der Quelltext:

<script type="text/javascript">

function toggle( targetId ){
  if (document.getElementById){
    target = document.getElementById( targetId );
     if (target.style.display == "none"){
      target.style.display = "";
     } else {
      target.style.display = "none";
     }
   }
}
</script>

<?
include "dbconnect.php";
  $abfrage = "SELECT id,beginn,ende,zeit,event,information,importance FROM termine ORDER BY beginn";
  $termine = mysql_query($abfrage);
  list($id,$beginn,$ende,$zeit,$event,$information,$importance) = mysql_fetch_row($termine);
  $beginn = explode("-", $beginn);
  $ende = explode("-", $ende);
  $zeit = explode(":", $zeit);
  if ($information=="") ($information="Keine weiteren Informationen hinterlegt.");
  if ($ende[2]!="00") ($ende="- $ende[2].$ende[1]."); ELSE ($ende="");
  echo "<table width='100%'><tr><td width='40'>$beginn[2].$beginn[1].</td><td width='50'>$ende</td><td>$event</td><td align='right'>"; ?>
<script> var toggleId = "<?php echo $id; ?>"; </script>
<div onclick="toggle(toggleId);return false;">+</div></td></tr></table>
<? echo "<table id='$id' style='display: none;'><tr><td width='80'>$zeit[0]:$zeit[1] Uhr</td><td width='10'></td><td>$information</td></tr></table>";
  while (list($id,$beginn,$ende,$zeit,$event,$information,$importance) = mysql_fetch_row($termine)) {
  $beginn = explode("-", $beginn);
  $ende = explode("-", $ende);
  $zeit = explode(":", $zeit);
  if ($information=="") ($information="Keine weiteren Informationen hinterlegt.");
  if ($ende[2]!="00") ($ende="- $ende[2].$ende[1]."); ELSE ($ende="");
  echo "<table width='100%'><tr><td width='40'>$beginn[2].$beginn[1].</td><td width='50'>$ende</td><td>$event</td><td align='right'>"; ?>
<script> var toggleId = "<?php echo $id; ?>"; </script>
<div onclick="toggle(toggleId);return false;">+</div></td></tr></table>
<? echo "<table id='$id' style='display: none;'><tr><td width='80'>$zeit[0]:$zeit[1] Uhr</td><td width='10'></td><td>$information</td></tr></table>"; }
?>