JSFiddle - React, Tailwind, and code Playground

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

$('foo')
  .tween('width', 250)
  .delay(500) 
  .fade('out')
  .delay(1000)
  .fade('in');