JSFiddle - React, Tailwind, and code Playground

by ian_smithz

HTML

<div>Dreamcatcher four loko direct trade freegan, chambray aesthetic brunch plaid. <span class='highlight'>You probably haven't heard</span> of them cliche Pinterest, single-origin coffee pork belly hashtag pop-up Bushwick disrupt blog Vice. Austin lomo Thundercats Brooklyn church-key kogi. Shoreditch mumblecore forage farm-to-table fixie. Wayfarers readymade PBR&B, Marfa disrupt Kickstarter tattooed sustainable pug shabby chic Tumblr craft beer. Before they sold out ugh meggings cray Portland mixtape, messenger bag Odd Future XOXO artisan.</div>

CSS

.highlight {
    background:yellow;
    padding: 0.25em;
    margin: 0 calc(-0.25em - 2px);
}

JavaScript

console.log("loading");

$("div").click( function() {
    $("span").toggleClass('highlight');
})