JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">button1</a>
    <a href="#">button2</a>
    <a href="#">button3</a>
    <a href="#">button4</a>
    <a href="#">button5</a>
    <div class="bar">box1</div>
    <div class="bar">box2</div>
    <div class="bar">box3</div>
    <div class="bar">box4</div>
    <div class="bar">box5</div>

CSS

.bar{
    display: none;
    width: 100px; height: 50px;
    background-color: orange;
}

JavaScript

$('a').click(function(){$('.bar').eq($(this).index()).toggle().siblings('.bar').hide()})