Use etiquetas DIV plegables para permitir a los visitantes de su sitio web leer contenido adicional sin verse obligados a abandonar la página actual. Estas etiquetas le permiten crear una página con numerosos encabezados expandibles que permiten a los usuarios ver solo los detalles que les interesan sin vadear a través de largas páginas de texto. Las búsquedas más rápidas hacen que su sitio sea más fácil de usar y mejoran su valor para sus visitantes como herramienta de referencia.
Paso 1
Cree una etiqueta "" que contenga el texto emergente. Coloque esto en la sección "" de su código HTML. Establezca su estado de visualización inicial en ninguno:
Texto emergente
¿Cómo se ve?
Paso 2
Asigne un hipervínculo de anclaje para abrir un JavaScript para realizar la ventana emergente real acción en la etiqueta "
". En este script, al hacer clic con el botón izquierdo del mouse se activa el enlace. Coloque este código directamente debajo de la línea anterior: haga clic para expandir
Cree la función JavaScript que controla la visibilidad de su "" texto CSS oculto. Coloque esta función en la sección "" de su código HTML:
Sugerencia
En este ejemplo, el texto "Haga clic para mostrar u ocultar" se muestra con las propiedades asignadas a la etiqueta "". La primera vez que el usuario hace clic en el texto, aparece el mensaje “Texto emergente”, “¿Cómo se ve esto?” En la pantalla con un retorno de carro en lugar de la coma. El mensaje desaparece cuando el usuario hace clic en la etiqueta por segunda vez.
[Cómo hacer un DIV plegable en CSS] URL: http://www.ordenador.online/computadora/Internet/245619.html