2011-02-17 14 views
0

私はいくつかのjQueryでこの問題を抱えています。要素の上にマウスを置いたときにこのdivを表示し、要素が表示されていないときに非表示にします。jQueryホバーの問題

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

ホバーすると同時に消えます。

感謝:)

+0

こんにちは、SOに歓迎: これを試してみてください!より読みやすくするために投稿を編集した方法を見てみましょう。それはあなたがここであなたの質問に素早く、より良い答えを得るのを助けるでしょう。 (コードはコードとして書式を設定する必要があります。テキストの書式設定にHTML改行は必要ありません)。 – JasCav

+0

ありがとう@Sarfraz – Dwayne

答えて

1

あなたのコードは次のようになります。

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

hoverは、2つの関数のパラメータを期待しています。 1つはマウスが上にあるとき、もう1つはマウスが離れているときである。

3

あなたはfunction(){seperatorを忘れてしまいました。したがって、現在のコードには、マウスオーバーイベントでの表示と非表示が含まれています。

$(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/

関連する問題