JSFiddle - React, Tailwind, and code Playground

by Ismail Ibraheem Shurrab

HTML

<div id="slider">Some content or other.</div>

CSS

#slider {
    width: 50%;
    height: 3em;
    border: 3px solid #f90;
    color: #000;
    background-color: #fff;
    text-align: center;
}

JavaScript

$(document).ready(
    function(){
        $('#slider').click(
            function(){
                $(this).hide('slide',{direction:'right'},1000);
                    
            });
    });