optimus203
09-02-2008, 02:25 AM
Hey everyone. I am a fresh newbie to this forum. I was hoping someone can help me complete the following JS code to fulfill the needs for one of my sites. Currently, this code shows a hidden div containing content. The only problem is that it doesn't collapse the content upon clicking a new link. You have to manually click the original link a second time to collapse the content. Does anyone know how I can finish this code so that content1 will automatically collapse when content2 is called??? Here is the code:
JS
function toggleMe(a){
var e=document.getElementById(a);
if(!e)return true;
if(e.style.display=="none"){
e.style.display="block"
} else {
e.style.display="none"
}
return true;
}
Related HTML (<p>idname = a general file name for each link)
<input type="button" class="button" onclick="return toggleMe('<p>idname')" value="<p>idname" />
<div id="<p>idname" style="display:none">
Here is the link to the page in question. The top 4 links in the right nav have the expand command working, and manual collapse command working.
http://www.db-elements.com/ahimsa/blake_babies/index_w_js2.html
Any ideas are greatly appreciated. Thanks in advance.
Dave
JS
function toggleMe(a){
var e=document.getElementById(a);
if(!e)return true;
if(e.style.display=="none"){
e.style.display="block"
} else {
e.style.display="none"
}
return true;
}
Related HTML (<p>idname = a general file name for each link)
<input type="button" class="button" onclick="return toggleMe('<p>idname')" value="<p>idname" />
<div id="<p>idname" style="display:none">
Here is the link to the page in question. The top 4 links in the right nav have the expand command working, and manual collapse command working.
http://www.db-elements.com/ahimsa/blake_babies/index_w_js2.html
Any ideas are greatly appreciated. Thanks in advance.
Dave