JSFiddle - React, Tailwind, and code Playground

by spinal007

HTML

<link rel="stylesheet" href="http://dl.dropbox.com/u/1722364/Stack%20Overflow/jquery-ui.css">
<a href="#" class="download original ui">With Original Class Applied</a>
<a href="#" class="download ui ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">jQuery UI Classes Applied</a>
<a href="#" class="download ui">No Styles Previously Applied</a>
<a href="#" class="download original">No JavaScript, Original Class</a>
<a href="#" class="download ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">No JavaScript, jQuery UI Classes</a>

CSS

body {
    width: 170px;
}

.download {
    display: block;
    font-size: 11px;
    margin: 3px 0 0 0;
}

.original {
    padding: 5px 10px 6px;
    background: #f6f6f6;
    text-decoration: none;
    color: #666;
    border: 1px solid #ccc;
    
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

strong {
    font-weight: bold;
}

JavaScript

setTimeout(function() {
    $('.ui').removeClass('original').button();
}, 4000);