JSFiddle - React, Tailwind, and code Playground

by sc0rp10

HTML

<div class="foo"></div>
<button class="bar">bar me!</button>

CSS

.foo {
    position:relative;
    left:0px;
    width:150px;
    height:150px;
    background-color:#336699;
    -webkit-transition: left .3s ease;
    -moz-transition: left .3s ease;
    -ms-transition: left .3s ease;
    -o-transition: left .3s ease;
    transition: left .3s ease;
}
.foo.x {
    left:40px;
    background-color:#333333;
}

JavaScript

$(function(){
    $(".bar").click(function(){
        $(".foo").toggleClass("x");
    })
})