Le. dropdown-content classe contient le menu déroulant réel. Il est caché par défaut, et sera affiché sur le vol stationnaire (see below) - (see below). Notez que le min-width est réglé sur 160px. Ne hésitez pas à changer cela. Astuce: Si vous voulez que la largeur du contenu déroulant soit aussi large que le bouton déroulant, définissez la width à 100% (et overflow:auto pour activer défilement sur les petits écrans). Au lieu d'utiliser une frontière, nous avons utilisé la box-shadow propriété pour faire le menu déroulant ressemble à une "card". Étape 3) Ajouter JavaScript: Exemple
/* When the user clicks on the button, toggle between hiding and showing
the dropdown content */ function myFunction() {
tElementById("myDropdown"). ("show");}
// Close the dropdown menu if the user clicks outside of it
window. onclick = function(event) { if (! ('. Menu déroulant cliquable - JavaScript. dropbtn'))
{ var dropdowns = tElementsByClassName("dropdown-content");
var i;
for (i = 0; i <; i++) {
var openDropdown = dropdowns[i]; if (ntains('show'))
{
('show');}}}} Essayez vous - même » Menu déroulant dans Navbar Astuce: Allez à notre CSS Dropdowns Tutoriel pour en savoir plus sur les listes déroulantes.
Une question? Pas de panique, on va vous aider! Ce sujet est fermé. 12 mai 2020 à 13:18:30
Bonjour je voudrai savoir comment faire pour crée un menu déroulant avec js, je sais le faire en css mais je voudrais que lorsque l'on clique sur le menu il s'affiche et quand on re clique sur le menu il ne s'affiche plus, et pas comme en css avec le hover. J'ai essayé de faire plusieurs tutoriel comme celui de Jean Legrand mais ça ne marche pas. Merci. 13 mai 2020 à 9:55:36
Bonjour,
Voici un exemple utilisant jquery à ajouter avant ton code js dans la page: