jquery animate、動作させることができません

Question

高さプロパティをアニメーション化しようとしていますが、ホバリング時には動作させることができません。 ホバリング時にホバリング機能に入っていますが、高さをアニメーション表示しません。

if (!Modernizr.csstransitions) { // Test if CSS transitions are supported 
if ($('#belt figure').length) { 
    $('#belt figure figcaption').hover(function() { 
     $(this).animate({ height: '7em;' }, { queue: false, duration: 500 }); 
    }, function() { 
     $(this).animate({ height: '3.8em;' }, { queue: false, duration: 500 }); 
    }); 
} 

}

Answer 1

あなたは、これは私の例

<div id="block" style='border:1px solid green;height:50px;width:100px;background-color:#bca;'>Hello!</div> 

と、このjqueryのためのHTMLコードです;

Answer 2

withouth

$('#belt figure figcaption').hover(function() { 
    $(this).animate({ height: '7em' }, { queue: false, duration: 500 }); 
}, function() { 
    $(this).animate({ height: '3.8em' }, { queue: false, duration: 500 }); 
}); 

を試してみましたdivの高さをアニメーション：;あなたの価値の `符号

$("#block").hover(function(){ 
    $(this).animate({ 
    height: "100px"  

    }, 500); 

},function(){ 
    $(this).animate({height: "50px" 
    }, 500); 
}); 

また、この次のリンクhttp://jsfiddle.net/jzRPa/29/