“Conocimiento Computadora>Internet

Cómo hacer un DIV plegable en CSS

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

Internet
Cómo obtener entradas para Jimmy Kimmel Live
Cómo ver lo que le gusta a la gente en Tumblr
Desventajas de las cookies en una computadora
Cómo poner una imagen detrás de los encabezados de las publicaciones en Tumblr
Cómo quitar Bing de su computadora
¿Cuál es el efecto de la tecnología informática en la educación?
Cómo construir y vender computadoras
Cómo ver las notificaciones en Statigram Online
Conocimiento de la computadora © http://www.ordenador.online