Discussion :

[orphen]

Bonjour a tous,

Je me tourne vers vous aujourd'hui car j'ai un soucis problème.
J'ai essayer de faire ce genre de chose en jquery.

Imaginez un bouton
Lorsque l'on clique dessus un menu déroulant s'ouvre, lorsque je clique une deuxième fois il se referme.
Si je passe sur le lien par une tabulation le menu s'ouvre également.
Si je quitte toujours par la tabulation le dernier lien du menu déroulant il se referme.

Tout fonctionne bien hormis une chose.
Lors du premier clique sur le bouton le menu déroulant s'ouvre et se referme immédiatement.
Lors des autres cliques tout fonctionne bien.

Pouvez vous me dire ou je me suis trompé?

Voici mon code source

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
21
22
23
24
25
26
27
28
29
 
showHideLinks: function() {
        var flag = 0;
 
        $('.historyWrap button').click(function(){
            if(flag){
                $('.listhistory').stop(true,true).slideUp();
                $(this).removeClass('active');
                flag=0;
            }else{
                $('.listhistory').stop(true,true).slideDown();
                $(this).addClass('active');
                flag=1;
            }
        })
 
 
        $('.historyWrap button').focusin(function(){
            $('.listhistory').stop(true,true).slideDown();   
            $(this).addClass('active');
            flag = 1;
        });
 
          $(".listhistory li:last").focusout(function(){
            $('.listhistory').stop(true,true).slideUp();
            $(this).removeClass('active');
            flag = 0;
          });
    }

J'ai mit un flag pour me permettre de contrôler en même temps l'ouverture de menu par le clique sur le bouton et avec la tabulation.

En vous remerciant pour votre aide

[NoSmoking]

Bonjour,
fais un test sur la hauteur de ton élément au moment du focus, si la hauteur est à 0 tu l'ouvres sinon tu ne fais rien.

[orphen]

Merci pour ta réponse,

tu penses donc que le problème viens de mon Flag?

[NoSmoking]

On peut le dire comme cela, revois la méthode qui me semble plus efficace comme je te l'ai indiqué.