jquery anime, ne peut pas le faire fonctionner

Question

J'essaie d'animer une propriété de hauteur, en planant, mais je ne peux pas le faire fonctionner. J'entre dans la fonction de vol stationnaire en planant, mais cela n'anime pas la hauteur.

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

Avez-vous essayé

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

withouth le ;

Answer 2

ce code est en html pour mon exemple

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

et ce jquery pour animer div hauteur:

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

    }, 500); 

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

Vous pouvez également voir l'exemple suivant ce lien http://jsfiddle.net/jzRPa/29/