JSFiddle - React, Tailwind, and code Playground

by klodoma

HTML

<input name="" type="button" value="Click me" id="clicky"/>
<div id="slide">
asdfasdfasdfsadf
</div>

CSS

#slide
{
    width:200px;
    height:50px;
    border:1px solid black;
}

JavaScript

$("#clicky").click(function(){
    if($("#slide").is(':visible'))
      {
		$("#slide").animate({ width: 'hide' }); 
      }
      else
      {
        $("#slide").animate({ width: 'show' }); 

      }
});