Menu extensible / pliable

1. Qu'est-ce qu'un menu pliable?
2. Comment ajouter un bouton d'extension et d'effondrement en html?
3. Comment effondrer un menu dans CSS?
4. Qu'est-ce que la liste pliable?

Qu'est-ce qu'un menu pliable?

Un menu pliable est un menu de liste verticale qui s'effondre aux titres de menu extensibles lorsqu'il est affiché sur les appareils mobiles. Ceux-ci sont utilisés presque exclusivement dans le pied de page et peuvent être utilisés en grilles pour fabriquer des colonnes de menus pliables.

Comment ajouter un bouton d'extension et d'effondrement en html?

Pour contrôler (afficher / masquer) le contenu pliable, ajouter l'attribut data-toggle = "effondrement" à un <un> ou un <bouton> élément. Ajoutez ensuite l'attribut Data-Target = "# id" pour connecter le bouton avec le contenu pliable (<div id = "démo">).

Comment effondrer un menu dans CSS?

Effondrement & Développer

Maintenant, nous devons simplement définir l'état par défaut du menu à s'effondrer lorsque lorsque la boîte à cocher n'est pas cochée. Nous le faisons en changeant la hauteur maximale de . Content de menu à 0, mais faites-le afficher une hauteur maximale de 100% lorsque la case est cochée. C'est ça!

Qu'est-ce que la liste pliable?

Une liste pliable affiche et masquera une section de contenu donnée lorsque son titre est cliqué. La liste pliable apparaîtra initialement comme une série de rubriques 5s ou de 6S avec une flèche à côté de chacun. Cliquez une fois une fois pour étendre le contenu, et encore pour le fermer.