JSFiddle - React, Tailwind, and code Playground

HTML

<div class="tpl grey">Hosts:
    <p>Hi !</p>
    <p>How are you ?</p>
    <p>What ever.</p>
    <a href="./~">Oh !</a>
</div>

CSS

div, p, a { padding: 2em; border: 3px solid #666; }
p, a { background: #DDD; }

.grey { background: #BBB; }
.blue { border: 3px solid #6666FF; background: #CCCCFF; }

JavaScript

$(document).ready(function() {
    $(".tpl").click(function(){
        $('.tpl').toggleClass('grey blue');
    });
});