<script language="JavaScript1.2">
<!--
var head="display:''"
var ns6=document.getElementById&&!document.all
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
function checkcontained(e){
var iscontained=0
cur=ns6? e.target : event.srcElement
i=0
if (cur.id=="foldheader")
iscontained=1
else
while (ns6&&cur.parentNode||(ie4&&cur.parentElement)){
if (cur.id=="foldheader"||cur.id=="foldinglist"){
iscontained=(cur.id=="foldheader")? 1 : 0
break
}
cur=ns6? cur.parentNode : cur.parentElement
}
if (iscontained){
var foldercontent=ns6? cur.nextSibling.nextSibling : cur.all.tags("UL")[0]
if (foldercontent.style.display=="none"){
foldercontent.style.display=""
cur.style.listStyleImage="url()"
}
else{
foldercontent.style.display="none"
cur.style.listStyleImage="url()"
}
}
}
if (ie4||ns6)
document.onclick=checkcontained
//-->
</script>
Copy and Paste the script below into the <Head> Tag box under the Advanced tab on Properties Editor
<style>
<!--
#foldheader{cursor:pointer;cursor:hand;}
//-->
</style>
<FONT FACE="Verdana" SIZE="2"COLOR="#000000">
<ul>
  <li id="foldheader">Main Pages:</li>
  <ul id="foldinglist" style="display:none" style=&{head};>
    <li><font size="1"><a target = "_parent"  href="http://www.homesteadconnection.com/Tools.html">Tools</a></li>
    <li><a target = "_parent"  href="http://www.homesteadconnection.com/FAQS.html">FAQs</a></li>
    <li><a target = "_parent"  href="http://www.homesteadconnection.com/websitedesign.html">Web Design</a></li>
    <li><a target = "_parent"  href="http://www.homesteadconnection.com/tips.html">Tips</a></li></font>
  </ul>
  <li id="foldheader">Properties Editor:</li>
  <ul id="foldinglist" style="display:none" style=&{head};>
    <li><font size="1"><a target = "_parent"  href="http://www.homesteadconnection.com/PropertiesEditorPagePropertiesBasics.html">Basics Tab</a></li>
    <li><a target = "_parent"  href="http://www.homesteadconnection.com/PropertiesEditorPagePropertiesMetaTags.html">Meta Tags Tab</a></li>
<li><a target = "_parent"  href="http://www.homesteadconnection.com/PropertiesEditorPagePropertiesAdvanced.html">Advanced Tab</a></li>
</font>
  </ul>
  <li id="foldheader">Toolbars:</li>
  <ul id="foldinglist" style="display:none" style=&{head};>
    <li><font size="1"><a target = "_parent"  href="http://www.homesteadconnection.com/Toolbars1EDIT.html">Toolbar1</a></li>
    <li><a target = "_parent"  href="http://www.homesteadconnection.com/Toolbars2.html">Toolbar2</a></li>
    <li><a target = "_parent"  href="http://www.homesteadconnection.com/Toolbars3.html">Toolbar3</a></li>
    <li><a target = "_parent"  href="http://www.homesteadconnection.com/Toolbars4.html">Toolbar4</a></li></font>
  </ul>
</ul>
</font>
Copy and Paste the script below into an insert html box.  Items in red can be changed to the font style,size and color you prefer.  Items in green are changed to reflect your page address and the name you want to appear on the menu. 
Remember when using javascript navigations that search engines can't read them and thus are unable to follow the navigation through your site to index the pages.  Use a secondary navigation designed with plain text or a site map page with a plain text link to the site map on your Home/Index page.
Script for Folding Menu:
Click on the menu headings below to view the fold out
Tutorial Submitted by :: sj enterprises