JSFiddle - React, Tailwind, and code Playground

by envira

HTML

<ul id="menu">
    <li><a href="#one">link 1</a>
    </li>
    <li><a href="#two">link 2</a>
    </li>
</ul>
<article id="one">show/hide</article>
<article id="two">show/hide</article>

JavaScript

$(document).ready(function () {
    $('article').hide().first().show();
    var toon = function (artikel) {
        $(artikel).toggle();
    };

    $('#menu a').click(function (event) {
        var ref = $(this).attr('href');
        toon(ref);
        event.preventDefault();
    });
});