JSFiddle - React, Tailwind, and code Playground

by hobobne

HTML

<div class="carousel-desc" />

CSS

.carousel-desc {width: 100px; height: 40px; background: yellow;}

JavaScript

$('.carousel-desc').hover(function () {
    $(this).delay(1000).animate({
        'height': '180px'
    }, 600);
}, function () {
    $(this).delay(1000).animate({
         'height': '40px'
     }, 600);
});