Bonjour,
J'utilise actuellement la librairie script.aculo.us et plus particulièrement la fonction Effect.SlideDown.
La situation est la suivant : j'ai un <div> sur ma page web et quand l'utilisateur passe la souris dessus, je souhaite faire apparaitre avec un effet déroulant un second <div>. Comme le second <div> doit être caché au chargement de la page, je lui applique le style "display: none". Pour cela j'utilise le code suivant :
Le résultat est le suivant :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 <div id="Menu_haut_Titre" onmouseover="new Effect.SlideDown 'Sous_menu_haut_1', {duration:1});">MENU 1</div> <div id="Sous_menu_haut_1" style="display: none"> <div>Sous-Menu 1</div> </div> </div>
- au chargement de la page, le second <div> est bien caché.
- quand je passe la souris sur le premier <div>, le second <div> apparait un court instant à sa place, disparait puis déroule normalement.
Comment faire pour qu'il n'apparaisse plus avant de dérouler normalement ?
Merci
Partager