JSFiddle - React, Tailwind, and code Playground
by Deriv Diggs
HTML
<div class='showwork'>show it</div>
<div class="work">
<p>some text</p>
</div>
CSS
.showwork {
width:50px;
height:30px;
border:solid;
border-width:thin;
border-color:#fff;
text-align:center;
}
.work {
display:none;
}
JavaScript
$('.showwork').toggle(
function(){$('.work').css('display','block');},
function(){$('.work').css('display','none')
});