JSFiddle - React, Tailwind, and code Playground

by Sergio Crisostomo

HTML

<div class="zopim">Eu tenho classe zopim. <a href="#">Eu sou um link</a></div>
<div>Eu estou depois do "zopim"!</div>

CSS

.zopim {
    color: #522;
    background-color: #ccf;
    padding: 20px;
    transition: margin .5s;
}
a {
    color: green;
}
.aberto {
    margin-bottom:20px;
}

JavaScript

$('.zopim a').on('click', function(){
    $(this).closest('.zopim').toggleClass('aberto');
});