La balise de détails dans HTML5 et l’implémentation de jQuery

Last updated Fév 1, 2023

HTML5

Selon W3school, HTML5 a ajouté une nouvelle balise, details. Son exemple d’utilisation est :

Si votre navigateur prend en charge HTML5 et prend en charge cette balise, vous verrez le fonctionnement suivant (balise extensible, cliquez pour basculer entre afficher et masquer, supprimée car AMP n’autorise pas ces balises HTML5 ) :

Malheureusement, tous les navigateurs ne le prennent pas en charge, comme les navigateurs Microsoft IE ou Edge. Mais vous pouvez toujours utiliser jQuery (ou javascript pur) pour obtenir les mêmes effets (au moins 99 % similaires).

▶ Informatique et technologie.

Le code source est :


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

Deux divs HTML sont définis : example_label1 et example_d1. Les carrés du triangle unicode à droite sont transformés en bas mais cela n’est pas pris en compte dans ce simple substitut jQuery .

Il semble que vous utilisiez un bloqueur de publicités.Mais sans revenus publicitaires, nous ne pouvons pas continuer à rendre ce site génial.Je comprends, j’ai désactivé mon bloqueur de publicités.

Source d’enregistrement: helloacm.com