JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<div class="thing">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia consequatur fugiat ratione natus recusandae eum atque eaque fugit cum nemo doloribus explicabo libero repellendus cumque a assumenda voluptas et porro.<button class="foo">invert</button></div>

CSS

.invert {
    color: #fff;
    background: #000;
}

JavaScript

$(function() {
    $('.foo').click(function() {
        $(this).closest('.thing').toggleClass('invert');
    });
});