JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.golfbrowser.com/js/jquery-ui-1.8.13.custom.min.js" type="text/javascript" charset="utf-8"></script>
<div class="box"></div>

<br><br><a href="" id="test">Add</a> <a href="" id="test2">Remove</a>

CSS

.box {
    background:#CCC;
    border:1px solid #222;
    height:200px;
    width:200px;
}
.adds {
    height:220px !important;
    width:400px !important;
}

JavaScript

$(document).ready(function(){
$('#test').click(function(){
    $('.box').addClass('adds', 800);
    return false
});


$('#test2').click(function(){
    $('.box').removeClass('adds', 800);
    return false
});
});