JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
    
</div>

<div class="toggleSlide">ToggleContent</div>
<div class="closeContent"></div>

CSS

.content{float:left;display:none;width:300px;height:300px;}
.closeContent{width:25px;height:25px;float:right;background:#000;}

JavaScript

jQuery(document).ready(function() { 
    $(".toggleSlide").click(function(){
        $(".content").slideToggle();
        $(".content").append("Hola que tal");
    });
    
    $(".closeContent").click(function(){
    		$(".content").empty();
        $(".content").slideToggle();
    });
    
});