Javascript file;
function simpletogglediv(whichLayer)
{
var theElementStyle = document.getElementById(whichLayer);
if(theElementStyle.style.display == "block")
{
theElementStyle.style.display = "none";
}
else
{
theElementStyle.style.display = "block";
}
}
Javascript Include;
<script type="text/javascript" src="filename.js"></script>
CSS Style Code;
#one, #two, #three {
display: none;
}
And more id's if you have more opening/closing divs on a page.
The link to open/close the div;
<a href="javascript:simpletogglediv('one');" title="link title"> Link name</a>
<a href="javascript:simpletogglediv('two');" title="link title"> Link name</a>
<a href="javascript:simpletogglediv('three');" title="link title"> Link name</a>
The divs;
<div id="one">
Content to open/close here.
</div>
<div id="two">
More Content to open/close here.
</div>
<div id="three">
Even more Content to open/close here.
</div>