[DHTML] Collapsable Div with limit
Edit: There is a better version I have just made that is simpler then this here
1) CODE TITLE: Collapsable Div with limit
2) AUTHOR NAME/NOTES: Master_script_maker
3) DESCRIPTION:
A script that expands/collapses divs with a limit of how many can be opened. If someone tries to open more then the limit, the first one opened will be collapsed.
To open/close a div with a link uses this:
<a href="#" onClick="ReverseContentDisplay(Div id)" ></a>
or with a button:
<input type="button" value="" onClick="ReverseContentDisplay(Div id)" />
4) URL TO CODE: http://masterproject.freehostia.com/div/
Here is the code for it:
Code:
<script type="text/Javascript">
var num=5; //number of div's that are allowed open at a time
var previousD = new Array();
var last;
function HideContent(d) {
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
document.getElementById(d).style.display = "";
}
function ReverseContentDisplay(d) {
var i=num;
if(document.getElementById(d).style.display == "none") {
if(previousD[0] != null) {
if(num != 1 && last != "hide") {
while(i>0) {
var j=i-1;
previousD[i] = previousD[j];
i=i-1;
}
if(previousD[num] != null) {
HideContent(previousD[num])
}
} else {
last="";
if(num==1) {HideContent(previousD[0]);}
}
}
ShowContent(d);
previousD[0] = d;
}else {
last="hide";
HideContent(d);
}
}
</script>
