Comment puis-je afficher et masquer les divisions en quelques clics en utilisant uniquement CSS et HTML ?

Afficher les divisions masquées lors d'un clic à l'aide de CSS et HTML

Il est possible d'obtenir des en-têtes pliables similaires à ceux de jQuery Mobile sans utiliser jQuery. Voici cinq exemples qui montrent comment procéder :

1. Utilisation des balises de détail et de résumé (HTML pur)

Les balises de détail et de résumé HTML5 offrent une solution simple à ce problème, éliminant le besoin de style ou de script :

 <résumé>Réduire 1</summary><br> <p>Contenu 1...</p><br></details><br><details><br> <summary>Réduire 2</summary> <br> <p>Contenu 2...</p><br></details>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn