jquery動畫，無法啓動它

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

你試過

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

withouth的的;

Answer 2

這是我的例子

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

HTML代碼，這個jQuery的動畫DIV高度：

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

    }, 500); 

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

你也可以看到這個例子以下鏈接http://jsfiddle.net/jzRPa/29/