JSFiddle - React, Tailwind, and code Playground

by joplomacedo

HTML

<div><p><span></span></p></div>
<button>button</button>

CSS

* {
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
}

div {
    visibility: hidden;
    height: 250px;
    background: red;
}

div.vv {
    visibility: visible;
}

div p {
    height: 50px;
    background: grey;
}

div p.grow {
    height: 100px;
}

div span {
    display: inline-block;
    background: blue;
    height: 20px; width: 30px;
}

div span.yellow {
    background: yellow;
}

JavaScript

$('button').on('click', function () {
    $('div').toggleClass('vv');
    $('div p').toggleClass('grow');
    $('div span').toggleClass('yellow');
});