JSFiddle - React, Tailwind, and code Playground

HTML

<div id="my_frame">
    <div>Here is some content we will swap out!</div>
</div> 

<div id="load_me_in">
    <div id="div_1">Page one up in da house</div>
</div>
<input type="button" id="press" value="Click me">

CSS

#load_me_in{
    display: none;
}

JavaScript

$(document).ready(function(){
    var $content = $('#div_1');
    var $frame = $('#my_frame');
    $('#press').on('click', function(){
        $frame.fadeOut('fast', function(){
            $frame.html($content.html()).fadeIn('fast');
        })
        
    });
    
});