Te complicas mucho la vida no???
Código Javascript
:
Ver originalfunction mostrar_ocultar(ID){
var divs = Array("div1","div2");
var IDa=ID;
var IDb="";
if(divs[0]==ID){
IDb=divs[1];
}else{
IDb=divs[0];
}
if(document.getElementById(IDa+"b").style.display==""){
document.getElementById(IDa+"b").style.display="none";
}else{
document.getElementById(IDa+"b").style.display="";
}
document.getElementById(IDb+"b").style.display="none";
}
Código HTML:
Ver original<div id="div1" onclick='mostrar_ocultar(this.id)' style="clear:both"> Click aquí 1
<div id="div1b" style="display:none"> Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos.
<!-- ............................. -->
<div id="div2" onclick="mostrar_ocultar(this.id)" style="clear:both"> Click aquí 2
<div id="div2b" style="display:none"> Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos.
Mi ejemplo lo hace cambiando el style, pero lo podrias hacer cambiando el class (usando un visible y otro no visible)