Код:
<html xmlns="http://w3c.org/1999/xhtml>
<head>
<script language="javascript" type="text/javascript"><!-
function toggleClamShellMenu(objectID) {
var object = document.getElementById(objectID);
if (object.style.display == 'block') object.style.display = 'none';
else object.style.display = 'block';
return; // ->
</scipt>
<style type="text/css"><!-
body {
font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
bacground-color: silver;
}
.menuHead {
color: #c00;
font-size: 14px;
font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
font-weight: bold;
text-decoration: none;
border-top: 1px solid #300;
}
.menuOption {
color: #f00;
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
margin-left: 0px;
}
#menu1 { display: none; }
#menu2 { display: none; }
#menu3 { display: none; }
->
</style>
</head>
<body>
<a href="home.php" target="content"><b>Home</b></a><br /><br />
<a class="menuHead" href="javascript:toggleClamShellMenu('menu1')">>Menu 1</a><br />
<span id="menu1">
<a class="menuOpiton" href="option1.php" target="content">Option 1</a><br />
<a class="menuOpiton" href="option2.php" target="content">Option 2</a><br />
<a class="menuOpiton" href="option3.php" target="content">Option 3</a><br />
<a class="menuOpiton" href="option4.php" target="content">Option 4</a><br /><br />
</span>
<a class="menuHead" href="javascript:toggleClamShellMenu('menu2')">>Menu 2</a><br />
<span id="menu2">
<a class="menuOpiton" href="option11.php" target="content">Option 11</a><br />
<a class="menuOpiton" href="option12.php" target="content">Option 12</a><br />
<a class="menuOpiton" href="option13.php" target="content">Option 13</a><br />
<a class="menuOpiton" href="option14.php" target="content">Option 14</a><br /><br />
</span>
<a class="menuHead" href="javascript:toggleClamShellMenu('menu3')">>Menu 3</a><br />
<span id="menu3">
<a class="menuOpiton" href="option111.php" target="content">Option 111</a><br />
<a class="menuOpiton" href="option222.php" target="content">Option 222</a><br />
<a class="menuOpiton" href="option333.php" target="content">Option 333</a><br />
<a class="menuOpiton" href="option444.php" target="content">Option 444</a><br /><br />
</span>
</body>
</html>Не се разгъва менюто
