JSFiddle - React, Tailwind, and code Playground

HTML

<div id="ajax">Static content</div>

<div id="hidden_div">HELLO THIS IS SOME HIDDEN CONTENT</div>

<button class="more">Button!</button>

CSS

#hidden_div {
    display: none;
}

#ajax {
    border: 1px solid red;
}

JavaScript

$(document).ready(function(){

    $('.more').live('click',function(){
        
        $('#ajax').html($('#hidden_div').html());
        
    });

});