Uncaught TypeError：オブジェクト[オブジェクトオブジェクト]にメソッド '適用'がありません

Question

作成中の新しいWebサイトでこのUncaught TypeErrorを受け取りましたが、エラーの原因を解消できません。

以下のリンクで問題を再現しました。ブラウザのJSコンソールを見れば、エラーが発生していますが、何も起こりません。

http://jsfiddle.net/EbR6D/2/

コード：

$('.newsitem').hover(
$(this).children('.text').animate({ height: '34px' }), 
$(this).children('.text').animate({ height: '0px' }));​ 

Answer 1

は、非同期コールバックでそれらをラップしてください：の.textクラスの絶頂を処理するため

$('.newsitem').hover(
    function() { 
     $(this).children('.title').animate({height:'34px'}); 
    }, function() { 
     $(this).children('.title').animate({height:'0px'}); 
    } 
); 
​ 

Answer 2

あなたが必要です：documentationあたりとして

.hover(function(){ ... }); 

。

Answer 3

あなたがするfunction ...

$('.newsitem').hover(
    $(this).children('.text').animate({height:'34px'}), 
    $(this).children('.text').animate({height:'0px'}) 
); 

を逃している：

$('.newsitem').hover(function() { 
    $(this).children('.text').animate({ 
     height: '34px' 
    }); 
}, function() { 
    $(this).children('.text').animate({ 
     height: '0px' 
    }); 
});​ 
​ 

そして$(this).children('.text')、何も選択されていません。

Answer 4

使用にスライドアニメーション。

$('.newsitem').hover(function() { 
    $(this).children('.text').slideToggle(); 
});​ 
​