JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <ul>
        <li><a id="wrapper1">One</a></li>
        <div class="wrap">
    <div class="wrapper1" style="display:none">Some content one</div>
        </div>
        <li><a id="wrapper2">Two</a></li>
        <div class="wrap">
        <div class="wrapper2" style="display:none">Some content two</div>
        </div>
        <li><a id="wrapper3">Three</a></li>
        <div class="wrap">

    <div class="wrapper3" style="display:none">Some content three</div>
           
    </ul>
</div>

</div>

JavaScript

$('[id^="wrapper"]').on('click', function(e) {
    e.preventDefault();
    $('.wrap > div').hide();
    
    $('.'+ this.id).show();
});