JSFiddle - React, Tailwind, and code Playground

HTML

<div id="page-links">
    <a class="page1 plink" href="#">About</a>
    <a class="page2 plink" href="#">History</a>
    <a class="page3 plink" href="#">Backstage</a>
</div>

<div id="page1">
    page1
</div>
<div id="page2">
    page2
</div>
<div id="page3">
    page3
</div>

JavaScript

$().ready(function(){
$("a.plink").click(function() {
    $('div[id^="page"]').not('#page-links').hide();
    pid=$(this).attr('class').split(' ')[0];
    $('#'+pid).show();
    return false;
});
});