JavaScript Expand/Collapse

Jamison54 · 01-29-2005, 07:33 PM

Hi all!

If your in need of a simple script to have an expandable/collapsable menu, use my script:
????: NamePros.com http://www.namepros.com/code/67426-javascript-expand-collapse.html

HTML Code:

<script langauge="JavaScript" type="text/javascript">
function doMenu(item) {
 obj=document.getElementById(item);
 col=document.getElementById("x" + item);
 if (obj.style.display=="none") {
  obj.style.display="block";
  col.innerHTML="[-]";
 }
 else {
  obj.style.display="none";
  col.innerHTML="[+]";
 }
}
</script>

Then just layout a simple div:

HTML Code:

<a href="JavaScript:doMenu('main');" id=xmain>[+]</a> Main Item
<div id=main style="margin-left:1em">
 <a href=#>Item 1</a><br>
 <a href=#>Item 2</a><br>
 <a href=#>Item 3</a>
</div>
<br>

This should work in Internet Explorer 4.x+ and Firefox but you'll have to do a few checks to make it Netscape compatiable (which im not gonna explain).

hasif · 06-29-2005, 12:57 AM

i was looking for this for my download zone website, i will use it as microsoft download senter used.

01-29-2005, 07:33 PM	THREAD STARTER #1 (permalink)
Jamison54 NamePros Regular Join Date: Jan 2005 Location: Milwaukee, WI Posts: 305	JavaScript Expand/Collapse Hi all! If your in need of a simple script to have an expandable/collapsable menu, use my script: ????: NamePros.com http://www.namepros.com/code/67426-javascript-expand-collapse.html HTML Code: <script langauge="JavaScript" type="text/javascript"> function doMenu(item) { obj=document.getElementById(item); col=document.getElementById("x" + item); if (obj.style.display=="none") { obj.style.display="block"; col.innerHTML="[-]"; } else { obj.style.display="none"; col.innerHTML="[+]"; } } </script> Then just layout a simple div: HTML Code: <a href="JavaScript:doMenu('main');" id=xmain>[+]</a> Main Item <div id=main style="margin-left:1em"> <a href=#>Item 1</a><br> <a href=#>Item 2</a><br> <a href=#>Item 3</a> </div> <br> This should work in Internet Explorer 4.x+ and Firefox but you'll have to do a few checks to make it Netscape compatiable (which im not gonna explain).

06-29-2005, 12:57 AM	#2 (permalink)
hasif Account Closed Join Date: May 2005 Location: NY, USA Posts: 283	i was looking for this for my download zone website, i will use it as microsoft download senter used.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)