ポップアップをアニメーション化して、フェードとスライドインを同時に行います。非表示になったポップアップの位置をリセットして、アニメーションが毎回同じになるようにしたい。
要素がロールオーバーされると、ポップアップは下にスライドしてフェードインします。ロールアウトされると、ポップアップはさらに下にスライドしてフェードアウトし、非表示になると初期位置にリセットされます。
これが私のコードです:
$('*:has(.rollover)').hover(function(){
$('.rollover',this).fadeIn('fast').animate({
'top' : '60px',
}, {duration: 'fast', queue: false}, function() {});
},function(){
$('.rollover',this).fadeOut('fast').animate({
'top' : '70px',
}, {duration: 'fast', queue: false}, function() {
console.log("hello");
$(this).css('top','50px');
});
});
top
問題は、 is reset がトリガーされていない最後の行であり、ログステートメントもトリガーされていません。どうしてこれなの?