ThomasG: Vertikales Navigationsmenü

Beitrag lesen

wer kann mir helfen?
Ich habe auf unserer Vereins-Hompage ein vertikales Navigationsmenü (siehe am Ende), welches auch wunderbar funktioniert.
Dieses Menü möchte ich um 1 Untermenüebene erweitern, habe es leider bisher selber nicht hinbekommen.
In meinem Bespiel wär dies dann wie folgt: Menuitem -> Submenu -> SubSubmenu, wobei der aktuelle Code beim Submenü endet.
Wer kann mir bitte helfen beim Erweitern eines solchen Menüs, damit ich dem Wunsch meiner Vereinskollegen entsprechen kann.
Besten Dank im Voraus für die Unterstützung!

Gruß

Thomas

<script type="text/javascript">
<!--
window.onload=show;
function show(id)
{

var d = document.getElementById(id);
   for (var i = 1; i<=10; i++)
   {
      if (document.getElementById('smenu'+i))
      {
         document.getElementById('smenu'+i).style.display='none';
      }
   }
   if (d)
   {
      d.style.display='block';
   }
}
//-->
</script>
</head>
<body>
<dl id="menu">
      <dt onclick="javascript:show();"><a href="#">1. Menuitem</a></dt>

<dt onclick="javascript:show('smenu2');"><a href="#" class="smenu">2. Menuitem</a></dt>
         <dd id="smenu2">
            <ul>
               <li><a href="#">1. Submenu</a></li>
               <li><a href="#" class="last">2. Submenu</a></li>
            </ul>
         </dd>
      <dt onclick="javascript:show('smenu3');"><a href="#" class="smenu">3. Menuitem</a></dt>
         <dd id="smenu3">
            <ul>
               <li><a href="#">1. Submenu</a></li>
               <li><a href="#" class="last">2. Submenu</a></li>
            </ul>
         </dd>
      <dt onclick="javascript:show();"><a href="#">4. Menuitem</a></dt>
</dl>
</body>