JSFiddle - React, Tailwind, and code Playground

by rpflorence

HTML

<p id="foo">
    I am foo. <br/>Click me.
</p>

CSS

p#foo {
    background: #f0f0f0;
    border: solid 1px #ccc;
    font-size: 14px;
    padding: 10px;
    color: #585858;
    height: 50px;
    width: 75px;
}

body {
    font-family: helvetica, arial;
}

JavaScript

jQuery('#foo')  
  .slideUp() // Slide down  
  .delay(500) // Do nothing for 200 ms  
  .slideDown() // Fade in
  .delay(1000)
  .fadeOut();