Menu de boutons accordeon au survol de la souris

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
SM05
Messages : 1
Enregistré le : 10 juil. 2020, 22:28

Menu de boutons accordeon au survol de la souris

Message par SM05 » 10 juil. 2020, 22:54

Bonjour,
Je souhaite réaliser un menu accordéon qui se déplie au survol de la souris pour laisser apparaitre des boutons.
Je ne suis pas arrivé à le faire. J'ai trouvé des exemple en JS mais que pour du Onclick ( Je veux absolument du survol ).
Mes boutons sont de la forme :

Code : Tout sélectionner

<div class="cadre">
         <h4>Menu1</h4> 
                  <form action="page.php" method="POST"  >
                 <input  type="hidden" name="choix_accueil" value="valeur_a_envoyer1">
                 <input type="submit" name="Valider" value="Nom_bouton" class="bouton">
                 </form> 
                 
                  <form action="page.php" method="POST"  >
                 <input  type="hidden" name="choix_accueil" value="valeur_a_envoyer2">
                 <input type="submit" name="Valider" value="Nom_bouton" class="bouton">
                 </form> 
                 
        <h4>Menu2</h4> 
                 <form action="page.php" method="POST"  >
                 <input  type="hidden" name="choix_accueil" value="valeur_a_envoyer3">
                 <input type="submit" name="Valider" value="Nom_bouton" class="bouton">
                 </form> 
  </div> 
Merci.

je-commence-demain
Messages : 13
Enregistré le : 26 juin 2020, 13:03

Re: Menu de boutons accordeon au survol de la souris

Message par je-commence-demain » 16 juil. 2020, 09:02

Bonjour, je ne pense pas que tu as besoin de Javascript pour faire ça, les options "hover" "display" en CSS devrait suffire :) Tu précise une div avec une classe (par exemple : "menu" pour tes menus, et dans ton CSS tu peux mettre :
.menu form {
display: none;
}
.menu form:hover {
display: block;
}

Répondre