JSFiddle - React, Tailwind, and code Playground

by Ian Oxley

HTML

<header id="main">
    <h1>Main Heading</h1>
</header>

CSS

header {
    color: #000;
    font-family: Georgia, Serif;
}
.foo {
    color:red;
    font-size:200%;
}
.bar {
    color:blue;
    font-size:100%;
}

JavaScript

var el = $('#main')
    .addClass('foo');

el.toggleClass('bar');

if (el.hasClass('foo')) {
    el.removeClass('foo');
}