JSFiddle - React, Tailwind, and code Playground

by gizmovation

HTML

<div class="project">
<div class="description">Description Here</div>
</div>

CSS

.project {
    height: 300px;
    width: 300px;
    background-color:#c0c0c0;
    border:1px solid black;
}

.description {
    height: 50px;
    width: 300px;
    background-color:white;
}

JavaScript

$(document).ready(function(){
    $('.project').hover(function(){
        $(this).children('.description').stop(true, true).slideDown('fast');
    }, function(){
        $(this).children('.description').stop(true, true).slideUp('fast');
    });
});