JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<div></div>

CSS

*{
    margin:0;
    padding:0;
}

div{
    width: 60px;
    height: 250px;
    background: red;
}
.q1{
    transform: translateX(300px);
}

JavaScript

$(document).ready(function() {
    $('div').slideUp(3400);
    
    $('div').animate({
        backgroundColor: 'black',
    }, {
        duration: 3400,
        queue: false
    });
});