JSFiddle - React, Tailwind, and code Playground
HTML
<a href="#" id="linkA">Clica aqui para esconder sem fade (link A)</a>
<a href="#" id="linkB">Clica aqui para esconder con fade (link B)</a>
<div id="minhaDiv">Teste teste teste...</div>
CSS
* {
float: left;
clear: both;
padding: 20px;
}
.display {
display: none;
}
#minhaDiv {
transition: opacity 1s;
}
.transicao {
opacity: 0;
}
JavaScript
var div = $('#minhaDiv');
var linkA = $('#linkA');
var linkB = $('#linkB');
linkA.on('click', function () {
div.toggleClass('display');
});
linkB.on('click', function () {
div.toggleClass('transicao');
});