<!-- Menülösung Akkordeon -->
<!-- xxxxxxxx SCRIPT xxxxxxx -->

<script language="JavaScript"> 
function show(id) 
	{if(document.getElementById) 
	{var mydiv = document.getElementById(id); 
	mydiv.style.display = (mydiv.style.display=='block'?'none':'block');
	}
}
</script>
<!-- xxxxxxxx HTML xxxxxxx -->
Es können beliebig viele Blöcke definiert werden.  Jeder Block erhält seine eigene ID.
Mit target auf eine Frame-Seite gut verwendbar.
<div>
<a href="" target="_top" onclick="javascript:show('sol'); return false">Lösungen</a>
    <div style="display: none" id="sol">
	<ul>
      <li><a href="../computertips/smartSolutions.htm">Bugs: Smarte L&ouml;sungen</a></li>
      <li><a href="../computertips/Windows10.htm">Windows10 verbessern</a></li>
      <li><a href="../computertips/PCneu.htm">PC neu einrichten</a></li>
      <li><a href="../computertips/cloud.htm">Gefahren mit der Cloud</a></li>
      <li><a href="../computertips/unicode.htm">alle Sonder&shy;zeichen</a></li>
	</ul>
    </div>
</div>
         <!-- xxxxxxxx weiterer Block xxxxxxx -->
         <div>
            <a href="" target="_top" onclick="javascript:show('prg'); return false">Programmierung</a>
            <div style="display: none" id="prg">
               <ul style="list-style: none">
                  <li><a href="quellen.htm">HTML&amp;Co</a></li>
               </ul>
            </div>
         </div>