Question

I am trying to use min-height with jQuery.animate like this:

$insert.animate({ min-height : 52 }, 1000).animate({ opacity : 1 }, 1000);

but it breaks the script. If i use height : 52 it works. Any ideas?

edit: see demo

Answer 1

Try wrapping min-height in quotes:

$insert.animate({ 'min-height' : 52 }, 1000).animate({ opacity : 1 }, 1000);

I should add: I’m assuming $insert is a pointer to a block element, i.e. $insert = $('#insert'), where #insert is an HTML element with display: block. I tried my solution in JSFiddle too.