jquery - jQuery .hover が機能しない

Question

こんにちは私のコードの何が問題なのですか:

#open にカーソルを合わせると、#pull_down_content がヘッダーからページを下に移動し、#open から離れると上に移動するはずです。しかし、ページがロードされるとすぐにコードをテストすると、#pull_down_content は画面にカーソルを合わせる前に下に移動します。

$(function() {

//Open on hover 
$('#open').hover((function(){
    $('#pull_down_content').animate({'top':'-0px'},1000);
})

//Close when not hovered
(function(){
    $('#pull_down_content').animate({'top':'-340px'},1000);

})
});
);

Answer 1

以下のように機能を修正してみてください。

$(function() {        
    $('#open').hover(function(){ //Open on hover 
        $('#pull_down_content').animate({'top':'-0px'},1000);
    },    
    function(){ //Close when not hovered
        $('#pull_down_content').animate({'top':'-340px'},1000);    
    });
});

Answer 2

少し修正が必要です

$('yourElement').hover(
   function(){
      // hover code
   }, function(){
      // unhover code 
   }
);