JSFiddle - React, Tailwind, and code Playground

HTML

<select id="test">
 <option value="0">Первая</option>
 <option value="1">Вторая</option>
 <option value="2">Третья</option>
</select>

<div id="test_hide0" class="tab_select">Первое содержимое</div>
<div id="test_hide1" class="tab_select none">Второе содержимое</div>
<div id="test_hide2" class="tab_select none">Третье содержимое</div>

CSS

.none {display: none}
.tab_select {margin-top: 15px;}

JavaScript

$('#test').change(function() {
 value = $(this).find('option:selected').val();
   
 $('div[id^="test_hide"]').hide();
 $('#test_hide'+value).show();
    
 myFunctionForRotator();
});