JSFiddle - React, Tailwind, and code Playground

by jack_pallot

HTML

<a href="#" class="button">button</a>

<a href="" class="lightup">boobs</a>
<a href="" class="lightup">boobs</a>
<a href="" class="lightup">boobs</a>
<a href="" class="lightup">boobs</a>

CSS

.button {
    width: 150px;
    display: block;
    padding: 5px;
    margin-bottom: 20px;
    background: yellow;
    color: black;
}

.lightup {
    color: red;
}

.lightup-active {
    color: pink;
}

JavaScript

$('.button').on('click', function (e) {
    $('.lightup').toggleClass("lightup-active");
});