JSFiddle - React, Tailwind, and code Playground

by Ehsan Sajjad

HTML

<a href="#" onclick="toggle('about');">About Us</a>
 <a href="#" onclick="toggle('contact');">Contact</a>
 <a href="#" onclick="toggle('products');">Products</a>

<div class="article" id="about" style="display:none;">ABOUT PAGE...</div>
<div class="article" id="contact" style="display:none;">CONTACT PAGE...</div>
<div class="article" id="products" style="display:none;">PRODUCTS PAGE...</div>

JavaScript

function toggle(target) {

     $(".article").hide();
     $("#" + target).show();
 }

$(document).ready(function(){

    $(".article:first").show();

})