<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Expandab le Menus Demo (johnzeratsky.c om)</title>
<meta http-equiv="content-type" content="text/html;charset=ut f-8" />
<meta name="keywords" content="" />
<style type="text/css">
<!--
span.expandLink {
font-size: 70%;
color: #333; }
span.expandLink a {
color: #333; }
-->
</style>
<script type="text/javascript">
function toggleSub(subme nu) {
if (document.getEl ementById(subme nu).style.displ ay == 'none') {
document.getEle mentById(submen u).style.displa y = 'block'
} else {
document.getEle mentById(submen u).style.displa y = 'none'
}
}
</script>
</head>
<body>
<div id="sitenav">
<h1>Expandabl e Menu Demo</h1>
<h2>Foods you grow</h2>
<ul>
<li>
<a href="#">Vegeta bles</a> <span class="expandLi nk">(<a href="#"
onclick="toggle Sub('vegMore'); return false">toggle</a>)</span>
<ul id="vegMore" style="display: none;">
<li><a href="#">Celery </a></li>
<li><a href="#">Carrot s</a></li>
<li><a href="#">Brocco li</a></li>
</ul>
</li>
<li>
<a href="#">Fruits </a> <span class="expandLi nk">(<a href="#"
onclick="toggle Sub('fruitMore' ); return false">toggle</a>)</span>
<ul id="fruitMore" style="display: none;">
<li><a href="#">Apple</a></li>
<li><a href="#">Banana </a></li>
<li><a href="#">Tomato ?</a></li>
</ul>
</li>
<li>
<a href="#">Other</a> <span class="expandLi nk">(<a href="#"
onclick="toggle Sub('otherMore' ); return false">toggle</a>)</span>
<ul id="otherMore" style="display: none;">
<li><a href="#">Mushro oms</a></li>
<li><a href="#">Beef</a></li>
<li><a href="#">Salmon </a></li>
</ul>
</li>
<li><a href="#">Tips for Growing</a></li>
<li>
<a href="#">Contac t</a> <span class="expandLi nk">(<a href="#"
onclick="toggle Sub('contactMor e'); return false">toggle</a>)</span>
<ul id="contactMore " style="display: none;">
<li><a href="#">em***@ email.com</a></li>
<li>(608) 555-1234</li>
</ul>
</li>
</ul>
</div>
<!-- end sitenav -->
</body>
</html>
