JSFiddle - React, Tailwind, and code Playground

by darcyclarke

HTML

<div id="everything"></div>

CSS

#everything {
    width: 100px;
    height: 100px;
    background: red;
    display: block;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#everything.span9 {
    margin-left: 0px;
}

#everything.span12 {
     margin-left: 50px;    
}

JavaScript

$('#everything').removeClass('span9').addClass('span12');