JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Первый</li>
    <li>Второй</li>
    <li>Третий</li>
    <li>Четвертый</li>
</ul>

<div class="block visible" data-id="0">Блок 1</div>
<div class="block" data-id="1">Блок 2</div>
<div class="block" data-id="2">Блок 3</div>
<div class="block" data-id="3">Блок 4</div>

CSS

.block {
    display: none;
}
.visible {
    display: block;
}

JavaScript

$(document).ready(function() {
    $('ul').on('click', 'li', function() {
        $('.block').removeClass('visible');
        $('.block[data-id="' + $(this).index() + '"]').addClass('visible');
    });
});