JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
    <a href="javascript:;" class="tab">tab 1</a>
    <a href="javascript:;" class="tab">tab 2</a>
</nav>
<div id="content">
    <section>Content 1</section>
    <section>Content 2</section>
</div>

CSS

#content section { display: none; }
.active { font-weight: bold; }