2011-02-17 7 views
0

J'ai ce problème avec certains jQuery. Je veux afficher cette div quand vous survolez un élément et le cacher quand vous n'y êtes pas.Problèmes de vol stationnaire jQuery

$(function() { 
    $('#projects').hover(function() { 
     $('#projects .pane').show(200), $('#projects .pane').hide(200); 
    }) 
}); 

Lorsque vous passez la souris, elle disparaît en même temps.

Merci :)

+0

Bonjour et bienvenue à SO! Jetez un oeil à la façon dont j'ai modifié votre message pour le rendre plus lisible. Cela vous aidera à obtenir une réponse plus rapide et mieux à votre question ici à SO. (Le code doit être formaté en code.Vous n'avez pas besoin de ruptures HTML pour mettre en forme le texte, etc.) J'espère que ça aide! – JasCav

+0

Merci beaucoup @Sarfraz – Dwayne

Répondre

1

Votre code devrait ressembler à ceci:

$(function() { 
    $('#projects').hover(function() { 
     $('#projects .pane').show(200); 
    }, function(){ 
     $('#projects .pane').hide(200); 
    }); 
}); 

Le hover attend deux paramètres de la fonction. Un pour lorsque la souris est terminée et l'autre lorsque la souris est absente.

3

Vous avez oublié le function() {seperator, par conséquent le code actuel inclut hide et show dans l'événement mouse over. Essayez ceci:

$(function() {  
    $('#projects').hover(function(){   
     $('#projects .pane').show(200) 
     }, function(){ 
     $('#projects .pane').hide(200);  
     }); 
}); 
1
$(function() { 
    $('#projects').hover(function() { 
     $('#projects .pane').show(200)}, 

      function() {$('#projects .pane').hide(200);} 
    ) 
}); 

http://jsfiddle.net/fCbQv/1/