Bonjour à tous,

J'ai un soucis avec un menu que j'ai fais via des fonctions de scriptaculous, en fait il fait bien ce que je veux, mais par moment il bug sévère !

Vous pouvez voir ça ici (c'est pas fini bien sur ! ) :

Page concernée

c'est donc le menu de gauche, sur les boutons relation presse et évènement, il s'ouvre un sous menu, quand l'un s'ouvre il ferme l'autre si il était déjà ouvert et vice versa.

Donc ça fonctionne sauf que par moment, je click sur un bouton et ça bloque, on dirait que l'action d'ouverture commence puis ca block et le sous menu passe sous les autres bouton.

Ce qui est bizard c'est que c'est très aléatoire enfin je n'ai pas réussir à déterminer un cheminement précis qui provoque ce soucis.

Voici mon code :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<div id="sousMenuMarron">
<div class="btn"><a href="#"><img src="images/structure/btn-presentation.png" alt="presentation" width="161" height="13" /></a></div>
<div class="btn" onclick="Effect.toggle('listeToggle','blind',{delay:0, duration:0.5}); Effect.BlindUp('listeToggle2');"><a href="#"><img src="images/structure/btn-relation-presse.png" alt="relation presse" width="161" height="13" /></a></div>
<div id="listeToggle" class="liste" style="display:none;">
<div class="btnsmenu"><div class="fondSbtn"><a href="#">Domaine d’intervention</a></div></div>
<div class="btnsmenu"><div class="fondSbtn"><a href="#">Philosophie / notre savoir faire</a></div></div>
<div class="btnsmenu"><div class="fondSbtn"><a href="#">Méthodologie</a></div></div>
<div class="btnsmenu"><div class="fondSbtn"><a href="#">Nos références</a></div></div>
</div>
<div class="btn" onclick="Effect.toggle('listeToggle2','blind',{delay:0, duration:0.5}); Effect.BlindUp('listeToggle');"><a href="#"><img src="images/structure/btn-evenement.png" alt="evenement" width="161" height="15" /></a></div>
<div id="listeToggle2" class="liste" style="display:none;">
<div class="btnsmenu"><div class="fondSbtn"><a href="#">Domaine d’intervention</a></div></div>
<div class="btnsmenu"><div class="fondSbtn"><a href="#">Philosophie / notre savoir faire</a></div></div>
<div class="btnsmenu"><div class="fondSbtn"><a href="#">Méthodologie</a></div></div>
<div class="btnsmenu"><div class="fondSbtn"><a href="#">Nos références</a></div></div>
</div>
<div class="btn"><a href="#"><img src="images/structure/btn-equipe.png" alt="equipe" width="161" height="13" /></a></div>
<div class="btn"><a href="#"><img src="images/structure/btn-contact.png" alt="contact" width="161" height="6" /></a></div>
</div>
Si je ne mets pas "Effect.BlindUp('listeToggle');" et " Effect.BlindUp('listeToggle2'); " apres le toggle il semblerai qu'il n'y ai pas le bug mais du coup si un sous menu était ouvert il ne se refermera pas et c'est domage, donc c'est pour ça que j'ai mis ça ainsi, peu être que je ne l'ai pas fait correctement ?

Quelqu'un à une idée du soucis ou une solution ?

Merci d'avance.