JSFiddle - React, Tailwind, and code Playground

by sikusikucom

HTML

<a id="toggle-a" href="javascript:void(0);">Hide A</a>
<p id="p-a">A</p>

CSS

a, p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#p-a {
    margin: 10px 0 0;
    padding: 5px 0;
    background-color: #f00;
    color: #fff;
    text-align: center;
}

#p-a.hide {
    display: none;
}

JavaScript

$("#toggle-a").click(function() {
    $("#p-a").addClass("hide");
});