How to hide block on JQ from top to bottom?

Question

JavaScript

Good afternoon! There is 1 problem. There is a block, when using the onmouseleave event handler, the $ animation is called, but it hides the block from the bottom up, which is inconvenient. I need to hide the block from top to bottom. How to do it? $(blockId).animate({height: 'hide'}, 2000);

Answer 1

Alternatively, something like https://jsfiddle.net/47taowv8/1/