JSFiddle - React, Tailwind, and code Playground

by Timmy Willison

HTML

<script src="http://getfirebug.com/firebug-lite-debug.js"></script>
<div class="foo">test</div>
<button id="toggle">toggle</button>

CSS

div {
    border: 5px solid;
    width: 50px;
    height: 50px;
}
.foo {
    background: #880000;
}

JavaScript

var $div = $('div');
$('#toggle').click(function() {
    $div.toggleClass('foo');
    console.clear();
    console.log('attr: %s', $div.attr('class'));
    console.log('prop: %s', $div.prop('className'));
    console.log('hasClass: %b', $div.hasClass('foo'));
}).click();