Sandra: "div" onClick öffnen und schliessen

Beitrag lesen

Hi,
Wie bekomme ich in die unten stehende Funktion ( function display_links(sender)) zusätzlich rein, dass sich der verschachtelte div (<div id="thema_1_cont") bei Mausklick auf "Configuration und Pfeil" nicht nur schließt, sondern auch bei erneutem Mausklick wieder öffnet?

vielen Dank
Sandra

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="JavaScript" type="text/JavaScript">
<!--

function display_links(sender) {
   var cont = document.getElementById(sender.id+"_cont");
   var tag = document.getElementsByTagName('div');
   for (i=0;i<tag.length;i++) {
     if (tag[i].id.indexOf('_cont')!=-1){
       tag[i].style.display='none';
     }
   }
}

//-->
</script>
<title>div</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<body>
<div id="thema_1">
  <p> </p>
  <p><a href="#" onClick="display_links('thema_1_cont')">Configuration<font color="#FFFFFF">.</font><img src="images/down.jpg" width="9" height="9" border="0" /></a>
  </p>
  <div id="thema_1_cont" style="display:block">
    <table width="75%" border="0">
      <tr>
        <td width="19%"><div align="right">ID</div></td>
        <td width="81%"> <input type="text" name="textfield2" /> </td>
      </tr>
      <tr>
        <td><div align="right">High Priority</div></td>
        <td>
            <input type="checkbox" name="checkbox" value="checkbox" />
          </td>
      </tr>
    </table>  <br />
    <br />
  </div>
</div>
<div id="thema_2"> <a href="#" onClick="display_links('thema_2_cont')">Commands<font color="#FFFFFF">.</font><img src="images/down.jpg" width="9" height="9" border="0" /></a>
  <div id="thema_2_cont" style="display:block">
    <table width="75%" border="0">
      <tr>
        <td width="19%"><div align="right">Reset</div></td>
        <td width="81%">
            <input type="text" name="textfield" />
          </td>
      </tr>
      <tr>
        <td><div align="right">Test</div></td>
        <td>
            <input type="radio" name="radiobutton" value="radiobutton" />
          </td>
      </tr>
    </table>
  </div>
</div>

</body>
</html>