Como podemos ocultar un objeto con javascrip y al seleccionarlo salga pues asi se hace:
1°
Con el siguiente code editaremos
Código:
<script>
function cambiarDisplay(id) {
if (!document.getElementById) return false;
fila = document.getElementById(id);
if (fila.style.display != "none") {
fila.style.display = "none";
} else {
fila.style.display = "";
}
}
</script>
<div class="articulo">
<div class="tituloarticulo"><a onClick="cambiarDisplay('B001')" id="A001" href="javascript: void(0);">---AQUI COLOCAREMOS LO QUE SE VA A VER PARA SELECCIONARLO Y QUE SE VEA EL OCULTADO----</a></div>
<div class="contenidoarticulo"><span style="display: none;" id="B001">
<table cellspacing="0" cellpadding="0" border="0" width="600">
<tbody>
<tr>
<td>----AQUI COLOCAREMOS LO QUE SE VA A OCULTAR----</td>
</tr>
</tbody>
</table>
</span></div>
</div>
<br />
2° para colocar dos o mas asi tienes que hacer lo siguiente :
En Los nombres B001 y A001 El numero 1 de B00(1) y A00(1) lo cambiaremos el 1 por 2 si es el segundo texto o lo que quieras ocultar si hay tres, el primero seria 1 el segundo 2 y el tercero 3 y asi susesivamente ;D Espero que dejen sus comentarios tambn espero que les cirvan :D
Las cookies son pequeños fragmentos de información de texto que nosotros o nuestros socios, almacenamos sobre usted de forma local por medio de su navegador.
Puede evitar el uso de cookies en cualquier momento a través de la configuración de su navegador.
Usamos las siguientes cookies que cumplen con el GDPR:
- Cookies esenciales: son absolutamente necesarias para que el sitio web sea completamente funcional.
- Cookies opcionales: son opcionales y nos ayudan a mejorar el sitio web, por ej. analizando el comportamiento de uso del sitio web sin identificarle personalmente.
Puede encontrar más información en nuestra sección de protección de datos/privacidad.