JSFiddle - React, Tailwind, and code Playground

HTML

<a id="button">CLICK ME</a>

<div id="slide1">
    
    
</div>

<div id="slide2">
    
    MORE CONTENT JUST HERE
    
</div>

CSS

div{width:100px; height:100px; display:block; border:1px #000 solid;}
a{padding:10px;}
a:hover{cursor:pointer;}

JavaScript

$("#button").click(function(){
     $('#slide1').load('#slide2');
});