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 :

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>
Le résultat est le suivant :
- 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