JSFiddle - React, Tailwind, and code Playground

by acturbo

HTML

<div class="some_class"></div>
<div class="some_class"></div>

<div class="some_class2"></div>
<div class="some_class2"></div>

CSS

.some_class, .some_class2 {
    width:1px;
    height:1px;
    padding:50px;
    background-color:#666;
    margin:10px 0px;
    display:none;
}

JavaScript

$(document).ready(function () {
    $('x.some_class').stop(true).fadeIn({
        duration: 2000,
        queue: false
    }).css('display', 'none').slideDown(1000);
    
    $('.some_class2').stop(true).slideDown({
        duration: 300,
        queue: false
    }).css('display', 'none').fadeIn(500);
    
    
    
    
});