custom module: collapsible

Author's Comments

Look carefully for specific instructions

hahah you're an idiot

Group: Official Member
Posts: 10,652
Joined: Aug 2004
Member No: 45,183
Status: Offline

Warn: 0%

It collapses your left side module

Script Code

Copy and paste to Header HTML

Help

<table border=0 width="660"><tr><td valign="top" width="160">
<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b></b></th></tr><tr><td valign="top" class="module"> 
<style type="text/css">
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#FFFFFF;
color:#666;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}

.submenu{
margin-bottom: 0.5em;
}
</style>

/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

</script>

<div id="masterdiv">

<div class="menutitle" onclick="SwitchMenu('sub1')">About me</div>
	<span class="submenu" id="sub1">
	Write something about yourself here!
  
  
	</span>

<div class="menutitle" onclick="SwitchMenu('sub2')">Subscriptions</div>
	<span class="submenu" id="sub2">
	Put your Subs in here!
	</span>

<div class="menutitle" onclick="SwitchMenu('sub3')">Extra Module</div>
	<span class="submenu" id="sub3">
	Other stuff!
	</span>

</div></td></tr></table><br>
</td>

Script Comments

Showing latest 1 of 1 comments

neat.

By transformer_ on Jul 20, 2006 7:19 pm

Script Details

Author	Saeglopur
Submitted on	Feb 16, 2006
Page views	20,602
Favorites	15
Comments	1

Script Tags

collapsible custon, module