JSFiddle - React, Tailwind, and code Playground

HTML

<div id='main_column_1'>
    <div id='content_1'>
        Load data from php/mysql database (For 1st Main Div)
    </div>
</div>
    <button id="show">Show More</button>

JavaScript

$('#show').on('click', function() {
    //send a ajax request here and set html equal to data recevide by ajax
    
    html = '<div>'
            +'Load data from php/mysql database (For 1st Main Div)'
        +'</div>';
    $('#main_column_1').append(html);
});