JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="tabs-list">
    <li class="active">Январь</li>
    <li>Февраль</li>
    <li>Март</li>
    <li>Апрель</li>
    <li>Май</li>
    <li>Июнь</li>
    <li>Июль</li>
    <li>Август</li>
    <li>Сентябрь</li>
    <li>Октябрь</li>
    <li>Ноябрь</li>
    <li>Декабрь</li>
</ul>

<div class="tab-block">
    <div class="pane active">Январь</div>
    <div class="pane">Февраль</div>
    <div class="pane">Март</div>
    <div class="pane">Апрель</div>
    <div class="pane">Май</div>
    <div class="pane">Июнь</div>
    <div class="pane">Июль</div>
    <div class="pane">Август</div>
    <div class="pane">Сентябрь</div>
    <div class="pane">Октябрь</div>
    <div class="pane">Ноябрь</div>
    <div class="pane">Декабрь</div>    
</div>

CSS

.tabs-list li {
    float:left;
    height: 30px;
    padding: 0 10px;
}
.tabs-list li.active {
    background: #ff0000;
}

.tab-block .pane {display: none;}

.tab-block .pane.active {display: block;}

JavaScript

$('.tabs-list li').click(function() {
	var obj = $(this);
	var index = obj.index();
	$('.tabs-list li').removeClass('active').eq(index).addClass('active');
	$('.tab-block .pane').removeClass('active').eq(index).addClass('active');
});