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

это HTML-код для моего примера

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

и этот jquery для высоты живого элемента:

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

  }, 500);

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

Вы также можете увидеть пример по следующей ссылке http://jsfiddle.net/jzRPa/29/

Answer 2

Вы пробовали

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

без ;