JSFiddle - React, Tailwind, and code Playground

by linmic

HTML

<link rel="stylesheet" href="http://linode.cooplex.cc/bootstrap/css/bootstrap.min.css">
<a href="#">toggle</a>
<div></div>

SCSS

div {
    display: block;
    width: 100px;
    height: 100px;
    background: black;
    -webkit-transition: height 0.2s ease 0, width 0.3s ease 0.2s;
}

div.open {
    width: 300px;
    height: 300px;
}

JavaScript

$('a:first').click(function(e) {
    $('div:first').toggleClass('open');
    e.preventDefault();
});