JSFiddle - React, Tailwind, and code Playground

by Chris Nicholson

HTML

<div id="container">
    <div>a</div>
    <div>b</div>
    <div>c</div>
</div>

CSS

#container {
    padding: 50px;
    border: 1px solid #000;
}

#container div {
    display: none;
    height: 100px;
    background: #eee;
}

#container div:first-child {
    display: block;
}

JavaScript

$('#container').click(function(){
    $(this).children('div:visible').animate({
        
    }, 200);
});