JSFiddle - React, Tailwind, and code Playground

HTML

<div class="popup-box">
    <a class="popup-title" href="#">Areas</a>
    <div id="area-p" class="popup-content">
        <div class="close-this"><a href="#">Close</a></div>
        <p>This is the popup box</p>
    </div>
</div>

JavaScript

$(".popup-content").hide(); 
$(".popup-title").click(function(){
    $(this).toggleClass("active").next().slideToggle(0);
    return false;
});
$(".popup-content .close-this").click(function(){
    $(".popup-title", $(this).parents(".popup-box")).click();
    return false;
});