JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fp-cat">
    <a href="#"><img src="http://imgboot.com/images/spliffdizzle/fpcatmitsu.jpg"/></a>
</div>
<div class="fp-cat">
    <a href="#"><img src="http://imgboot.com/images/spliffdizzle/fpcatsubaru.jpg"/></a>
</div>
<div class="fp-cat">
    <a href="#"><img src="http://imgboot.com/images/spliffdizzle/fpcathonda.jpg"/></a>
</div>
<div class="fp-cat">
    <a href="#"><img src="http://imgboot.com/images/spliffdizzle/fpcatmopar.jpg"/></a>
</div>
<div class="fp-cat">
    <a href="#"><img src="http://imgboot.com/images/spliffdizzle/fpcatmazda.jpg"/></a>
</div>
<div class="fp-cat">
    <a href="#"><img src="http://imgboot.com/images/spliffdizzle/fpcathyundai.jpg"/></a>
</div>
<div class="fp-cat">
    <a href="#"><img src="http://imgboot.com/images/spliffdizzle/fpcatnissan.jpg"/></a>
</div>
<div class="fp-cat">
    <a href="#"><img src="http://imgboot.com/images/spliffdizzle/fpcatgm.jpg"/></a>
</div>
<div class="fp-cat"><img src="http://imgboot.com/images/spliffdizzle/fpcatblank.jpg"></div>

CSS

div.fp-cat {
   height: 30px;
   width: 785px;
}

JavaScript

$(".fp-cat").hover(function() {
        $(this).animate({ height: "59px"}, 785);
    }, function() {
        $(this).animate({ height: "30px" }, 785);
});