Hola,
Os cuento el problema. He buscando cómo mostrar u ocultar al hacer click en un texto o algo similar y lo he encontrado, un poco cutre, pero ahí está. La cosa es que quiero utilizar esto para ocultar unas notas y solo poder leerlas si se hace click en "Mostrar". El tema es que las notas están en una tabla que genero accediendo a la base de datos. Hago la select y me muestra todo completamente, también la opción de "Mostrar divs", pero solo me funciona en la primera fila (si le doy click me muestra la información que está oculta). Pero si hago click en la 2ª, 3ª, 4ª..., unicamente me despliega la 1ª, da igual en la que clickee. No sé si se me entiende... Adjunto una imagen para que veáis más o menos lo que pasa:
El código de JS es:
Código:
<script>
function mostrardiv() {
div = document.getElementById('flotante');
div.style.display = "";
}
function cerrar() {
div = document.getElementById('flotante');
div.style.display='none';
}
</script>
y la parte en la que lo llamo:
Código PHP:
echo '<td>
<div id="mostrarDiv"><a href="javascript:mostrardiv();">Mostrar Div</a></div>
<div id="flotante" style="display:none;"> '.$usuario['notas'].' <br><a href="javascript:cerrar();">Cerrar</a></div>
</td>';
Supongo que será problema con el ID o algo así. A ver si sabéis decirme qué puede ser o si existe una manera distinta de hacer lo que digo.
Gracias y un saludo.