JSFiddle - React, Tailwind, and code Playground

HTML

<div id="reviews">
    <div id="dropout">Blast</div>
    <a href="#" id="moveIt">move it</a>
    
    <div id="test">moved</div>
</div>

CSS

#reviews #dropout {
    position:relative;
    min-height:40px;
    left:40px;
    -webkit-transition: left 600ms;
    -moz-transition: left 600ms;
}
#reviews .dropopen {
    min-height:40px;
    left:0px !important;
    -webkit-transition: left 600ms !important;
    -moz-transition: left 600ms !important;
}
#reviews #test {
    opacity:0.0;filter:alpha(opacity=0);
    -webkit-transition-property:opacity, filter;
    -webkit-transition-duration:600ms ,600ms;
}
.test {
    opacity:1.0 !important;filter:alpha(opacity=100) !important;
    -webkit-transition-property:opacity, filter !important;
    -webkit-transition-duration:600ms ,600ms !important;
}

JavaScript

$('#moveIt').click(function() {
    console.log($('#dropout'));
    $('#dropout').addClass('dropopen');
    $('#test').addClass('test');
    return false;
});