Question

I’m trying to animate a height property, when hovering, but I can’t get it to work.
I am getting into the hover function when hovering, but it just doesn’t animate the height.

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

Have you tried

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

withouth the ;