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>

CSS

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

JavaScript

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