Hola. Tengo esta función:
Código HTML:
function mostrar(id) {
//Parte 1
var obj = document.getElementById(id);
obj.style.display=='none' ? obj.style.display='block' : obj.style.display='none';
//parte 2
var menu = document.getElementById(this);
menu.style.borderColor=='#669900' ? menu.style.borderColor='#99CC00' : menu.style.borderColor='#669900';
}
La primera parte muestra y oculta in div.
La segunda parte es la que me está trayendo muchos problemas ya que hace más de 3 horas estoy con lo mismo.
A mi parecer la sintaxis está bién y el algoritmo también pero NO funciona.
Los divs están dispuesto de esta forma:
Código HTML:
<div id="1" class="li" onclick="mostrar('v');">Item1</div>
<div id="2" class="li" onclick="mostrar('n');">Item2</div>
<div id="3" class="li" onclick="mostrar('f');">Item3</div>
<div id="4" class="li" onclick="mostrar('c');">Item4</div>
<div id="5" class="li" onclick="mostrar('t');">Item5</div>
<div id="6" class="li" style="margin-right:0;" onclick="mostrar('p');">Item6</div>
Hice de todo, al principio estos divs eran <li> y pensé que ese era el probelma pero no fue asi. Le quité y le volví a colocar el atributo "id".
Este es el código CSS:
Código HTML:
.li {
float:left;
margin-right:5px;
background:#006699;
text-align:center;
border-left:15px solid;
border-color:#669900;
width:107px;
height:12px;
padding:4px;
cursor:pointer;
}
Busqué por todo Google, me leí todas las páginas en inglés, hasta encontré artículos de FDW pero aún no encuentro solución.
Desde ya muchas gracias a todos los que hacen posible este espacio para novatos como yo.
Saludos.