JSFiddle - React, Tailwind, and code Playground

by crowjonah

HTML

<script src="http://dev.undertone.net/~tools/crow/zepto-slide/js/ender-jason.js"></script>
<div id="wrap">
    <div id="taco">Taco Time</div>
</div>

CSS

#taco {
    margin: 20px;
    padding: 10px;
    width: 50px;
    height: 50px;
    background: blue;
    display: block;
    color: white;
    font-weight: bold;
    margin-top: 5%;
}
#wrap {
    height: 200px;
}

JavaScript

$('#taco').css({'margin-top': '10%'}, 600);
$('#taco').on('click', function(){
    $(this).animate({'top': '-5%'}, 600);
});