afficher/cacher des éléments
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:
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
