<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Javasript Tree Menu</title> <script language="javascript"> var last_id=null; function toggle(id){ var e=document.getElementB yId(id); e.style.display=e.style.display=='' ? 'none' : ''; if(last_id==null){ last_id=document.getElementById('php'); } if(last_id!=e) last_id.style.display='none'; last_id=e; } </script> <style> ul.menu{ margin:0px; padding:0px; } ul.menu li{ list-style:none; background-color:#F93; margin-top:1px; } ul.menu li a{ font-family:verdana; font-size:12px; font-weight:bold; color:#fff; text-decoration:none; } ul.links{ margin:0px; padding:0px; } ul.links li{ background-color:#f1f1f1; padding-left:20px; margin:0px; } ul.links li a{ color:#333; font-weight:normal; } ul.links li a:hover{ color:#333; text-decoration:underline; } </style> </head> <body> <div style="border:2px solid #666; width:220px;"> <ul class="menu"> <li><a href="javascript:toggle ('php')"> PHP </a></li> <ul id="php" class="links"> <li><a href="#">Database</a></ li>
