JSFiddle - React, Tailwind, and code Playground
HTML
<div id="messages">.</div>
<div>This is something</div>
<button id="toggle">Toggle</button>
<div id="somethingToShow" style="display:none">
Toggle oggle oggle
<script>
$('#messages').append("<p>Go Now</p>");
</script>
</div>
JavaScript
var opened = false;
$("#toggle").click(function(){
if (!opened) {
$("#somethingToShow").show('slide');
opened = true;
} else {
$("#somethingToShow").hide('slide');
opened = false;
}
});