JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <a style="cursor:pointer;" onclick="showPage('#home_page1')"><li>Show Page 1</li></a>
    <a style="cursor:pointer;" onclick="showPage('#home_page2')"><li>Show Page 2</li></a>
</ul>
<div id="midRight">
    <div id="home_page1">Content 1</div>
    <div id="home_page2" style="display:none;">Content 2</div>
</div>

JavaScript

function showPage(showdiv){
    $('#midRight').not(''+showdiv+'').hide();	
    $(''+showdiv+'').show();	
}