✅ Noticias, temas, complementos de WEB y WordPress. Aquí compartimos consejos y las mejores soluciones para sitios web.

La etiqueta de detalles en HTML5 y la implementación de jQuery

11

HTML5

Según W3school, HTML5 ha agregado una nueva etiqueta, detalles. Su uso de ejemplo es:

Si su navegador admite HTML5 y admite esta etiqueta, verá lo siguiente en funcionamiento (etiqueta expandible, haga clic para alternar entre mostrar y ocultar, eliminada debido a que AMP no permite estas etiquetas HTML5 ):

Desafortunadamente, no todos los navegadores admiten esto, como los navegadores Microsoft IE o Edge. Pero siempre puede usar jQuery (o javascript puro) para lograr los mismos efectos (al menos 99% similar).

▶ Informática y Tecnología.

El código fuente es:

jQuery(document).ready(function() {   jQuery('#example_label1').click(function() {      jQuery('#example_d1').toggle();   }); });

Se definen dos divs HTML: example_label1 y example_d1. Los cuadrados del triángulo Unicode a la derecha se giran hacia abajo, pero esto no se tiene en cuenta en este simple sustituto de jQuery .

Parece que está utilizando un bloqueador de anuncios. Pero sin ingresos publicitarios, no podemos seguir haciendo que este sitio sea increíble. Entiendo, he desactivado mi bloqueador de anuncios.

Fuente de grabación: helloacm.com

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More