Page 1 sur 1

Menu de boutons accordeon au survol de la souris

Posté : 10 juil. 2020, 22:54
par SM05
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.

Re: Menu de boutons accordeon au survol de la souris

Posté : 16 juil. 2020, 09:02
par je-commence-demain
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;
}