Sliding Menus

Click Here For A Demo Link Text
Link Text
Link Text

To make this, Place this after the </title> tag, but before the </head> tag (there is no need to edit it)

<script type="text/javascript" language="javascript">
<!--
function toggleMenu(currMenu) {
if (document.getElementById) {
thisMenu = document.getElementById (currMenu).style
if (thisMenu.display == "block") {
thisMenu.display="none"
}
else {
thisMenu.display = "block"
}
return false
}
else {
return true
}
}
//-->
</script>
<style type="text/css">
.menu {
display: none;
}
</style>

Now you need to actually make the menu, copy and paste this code anywhere inside the body of your web page:

<!--This is a reminder: if you want to make a new menu, copy and paste all of this until it says "stop; copy below", then change all the menu1 to menu2 (or whatever you want to call it). there are 2 menu1's.-->
<a href="blank.html" onClick="return toggleMenu('menu1')">Click Here To Expand Menu</a>
<span class="menu" id="menu1">
And this text will appear when you click the "Click Here To Expand Menu". You can place anything in the world here, I put this:<br>
<a href="URL">Link Text</a><br>
<a href="URL">Link Text</a><br>
<a href="URL">Link Text</a>
</span>
<br>
<!--stop; copy below-->

What you need to edit:
Click Here To Expand Menu When people click this link, your menu will appear. Change it to say whatever you like.
And this text will appear...... Change everything that is in the middle of the <span > and </span> tag to whatever you like. Typically it would be your menu.

If you want more then one menu, simply repeat the above menu like the directions say, and change all the menu1's to menu2, menu3, etc.

For example, If I want two menus, I would do this:

<a href="blank.html" onClick="return toggleMenu('menu1')">Click Here To Expand Menu1</a>
<span class="menu" id="menu1">
And this text will appear when you click the "Click Here To Expand Menu1". You can place anything in the world here, I put this:<br>
<a href="URL">Link Text</a><br>
<a href="URL">Link Text</a><br>
<a href="URL">Link Text</a>
</span>
<br>

<a href="blank.html" onClick="return toggleMenu('menu2')">Click Here To Expand Menu2</a>
<span class="menu" id="menu1">
And this text will appear when you click the "Click Here To Expand Menu2". You can place anything in the world here, I put this:<br>
<a href="URL">Link Text</a><br>
<a href="URL">Link Text</a><br>
<a href="URL">Link Text</a>
</span>
<br>

Which will make this:
Click Here To Expand Menu1 And this text will appear when you click the "Click Here To Expand Menu1". You can place anything in the world here, I put this:
Link Text
Link Text
Link Text
Click Here To Expand Menu2 And this text will appear when you click the "Click Here To Expand Menu2". You can place anything in the world here, I put this:
Link Text
Link Text
Link Text

And, I'm afraid that sliding menus only work in Internet Explorer 4+, and Netscape 6+.

Main?