JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<body>
    <div id="box">
        <p>Erster Absatz</p>
        <p>Zweiter Absatz</p>
        <p>Dritter Absatz</p>
    </div>
</body>

CSS

p {
    cursor:pointer;
}
.green {
    color:#009933;
    background-color:#E2FFEC;
    cursor:default;
}

JavaScript

$("#box p").click(function () {
    $("#box p").removeClass("green");
    $(this)
        .addClass("green")
        .parent()
        .removeClass()
        .addClass("boxColor-" + $(this).index("#box p"));
});