JSFiddle - React, Tailwind, and code Playground

HTML

<style type="text/css">
    .content {
        display: none;
    
        width: 500px;
        border: 1px solid black;  
    }
    #about {
        display: block;
    }
</style>
<script type="text/javascript">

    function toggleVisibility(selectedTab) {
        
         var content = document.getElementsByClassName('content');
         
         for(var i=0; i<content.length; i++) {
              if(content[i].id == selectedTab) {
                    content[i].style.display = 'block';
              } else {
                    content[i].style.display = 'none';
              }
         }
    
    }
</script>

<a href="#" onclick="toggleVisibility('about');">About</a>

<a href="#" onclick="toggleVisibility('products');"> Products</a>

<div id="about" class="content">About stuff here</div>
<div id="products" class="content">Product stuff here</div>