Hola! Estoy empezando con javascript esto es un ejemplo que conseguí buscando por Google y lo he adaptado un poco a lo que quiero... con esto consigo mostrar o ocultar un div.. uno de ellos muestra productos y el otro comentarios
Lo que quiero conseguir es que si al mostrar el div comentarios el div productos no esta oculto, este se oculte, o viceversa... tal como tengo no lo consigo... al mostrar el div comentarios el div productos no se oculta...
Código HTML:
<script language="JavaScript">
function muestra_oculta(id,idComentario) {
if (document.getElementById) {
var producto = document.getElementById(id);
producto.style.display = (producto.style.display == 'none') ? 'block' : 'none';
var comentario = document.getElementById(idComentario);
comentario.style.display = (comentario.style.display == 'none') ? 'block' : 'none';
}
}
</script> Código HTML:
<div class="content-resultados" onclick="muestra_oculta('id<? echo $cont; ?>')">
Productos
</div>
<div class="content-opiniones" onclick="muestra_oculta('idComentarios<? echo $cont; ?>')">
Comentarios
</div>
<div id="id<? echo "$cont"; ?>" style="display:none;">
Contenido productos...
</div>
<div id="idComentarios<? echo "$cont"; ?>" style="display:none;">
Contenido Comentarios...
</div>