JSFiddle - React, Tailwind, and code Playground

by ozzon91

HTML

<button id='go'>go</button>
<div id='slider'></div>

CSS

#slider {
    background: red;
    width: 150px;
    height: 150px;
}

JavaScript

$('#go').toggle(
    function() {
        $('#slider').hide('drop', { direction: 'right' }, 1000);
    },
    function() {
        $('#slider').show('drop', { direction: 'down' }, 500);
    }
);