JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<a id="op-1">Open 1</a><br>
<a id="op-2">Open 2</a><br>
<a id="op-3">Open 3</a><br>

<hr>

<h2>CONTENT</h2>
<div id="content">
  
</div>



<hr>


<div class="hidden-content-to-be-loaded" style="display:none;">

    <div id="one">
    <h3>One</h3>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam aut, veniam! Eveniet, repudiandae ipsum? Quas ea assumenda, ullam magnam dolores iste neque harum, repudiandae modi distinctio ratione laborum excepturi ad!
    </div>

    <div id="two" class="initial-close">
    <h3>Two</h3>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam aut, veniam! Eveniet, repudiandae ipsum? Quas ea assumenda, ullam magnam
    </div>

    <div id="three" class="initial-close">
    <h3>Three</h3>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam aut, veniam! Eveniet, repudiandae ipsum? Quas ea assumenda, ullam magnam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut sint consequatur saepe, quo beatae exercitationem nostrum quos, illum a inventore fuga dignissimos atque iusto. Quis magnam voluptatibus, ipsum cum assumenda.
    </div>

</div>

JavaScript

$("#op-1").click(function(){
				$("#content").empty();
        $("#content").load("#one);
});

$("#op-2").click(function(){
				$("#content").empty();
        $("#content").load("#two);
});


$("#op-3").click(function(){
				$("#content").empty();
        $("#content").load("#three);
});