Menü Klappbar...

[KingGO]

Code:

..........
<script type=text/javascript>
function punkt1() {
if(document.getElementByID('test1').style.visibility=='hidden') {
  document.getElementByID('test1').style.visibility='visible';
  document.getElementByID('test2').style.visibility='hidden';
  document.getElementByID('test3').style.visibility='hidden';
}
}
function punkt2() {
if(document.getElementByID('test2').style.visibility=='hidden') {
  document.getElementByID('test1').style.visibility='hidden';
  document.getElementByID('test2').style.visibility='visible';
  document.getElementByID('test3').style.visibility='hidden';
}
}
function punkt3() {
if(document.getElementByID('test3').style.visibility=='hidden') {
  document.getElementByID('test1').style.visibility='hidden';
  document.getElementByID('test2').style.visibility='hidden';
  document.getElementByID('test3').style.visibility='visible';
}
}
</script>
.........
        <td onclick=punkt1() class="tdhead">&nbsp;<b>Sport</b></td>
        </tr>
        <tr>
        <td width="2"><img src="images/spacer.gif" border="0" height="1" width="2"></td>
        </tr>
<!-- DIV -->
<div id="test1" style="visibility: hidden;">
        <tr>
        <td class="topnavi"><a href="index.php?show=portal/sport/index" class="linkwxb">» Sport Allgemein</a></td>
        </tr>
        <tr>
        <td width="2"><img src="images/spacer.gif" border="0" height="1" width="2"></td>
        </tr>
        <tr>
        <td class="topnavi"><a href="index.php?show=portal/sport/formel1" class="linkwxb">» Formel 1</a></td>

        </tr>
        <tr>
        <td width="2"><img src="images/spacer.gif" border="0" height="1" width="2"></td>
        </tr>
        <tr>
        <td class="topnavi"><a href="index.php?show=portal/sport/fussball" class="linkwxb">» Fußball-Bundesliga</a></td>
        </tr>
        <tr>

        <td width="2"><img src="images/spacer.gif" border="0" height="1" width="2"></td>
        </tr>
        <tr>
        <td class="topnavi"><a href="index.php?show=portal/sport/skispringen" class="linkwxb">» Skispringen</a></td>
        </tr>
</div>
<!-- DIV -->

so und dan immer so weiter z.b.