JSFiddle - React, Tailwind, and code Playground

by jakelauer

HTML

<a href="#" id='blue'>Blue</a>
<a href="#" id='red'>Red</a>

CSS

a
{
    display: inline-block;
    color: #000;
    background: #FFF;
    padding: 3px;
}

body
{
    transition: 1s;
    -webkit-transition: 1s;
}

body.blue
{
    background: blue;
}

body.red
{
    background: red;
}

JavaScript

$('a').on('click',function(){
    $('body').removeClass('blue red').addClass($(this).attr('id'))
})