JSFiddle - React, Tailwind, and code Playground

by gvee

HTML

<ul>
        <li><a href="#section17"><b>section 17</b></a>
        </li>
        <li><a href="#section18"><b>section 18</b></a>
        </li>
        <li><a href="#section19"><b>section 19</b></a>
        </li>
    </ul>
    <div id="sections-container">
        <div id="section17">section 17</div>
        <div id="section18">section 18</div>
        <div id="section19">section 19</div>
    </div>

JavaScript

$('a').click(function (e) {
        e.preventDefault();
        
        $('#sections-container > div').css('display', 'none');
        var addressValue = $(this).attr('href');
        $(addressValue).css('display', 'block');
    });