JSFiddle - React, Tailwind, and code Playground

HTML

<div class="group" id="div1">Div1</div>
<div class="group" id="div2">Div2</div>
<div class="group" id="div3">Div3</div>
<div class="group" id="div4">Div4</div>
<div class="group" id="div5">Div5</div>

<select id="selectMe">
    <option value="option1">option1</option>
    <option value="option2">option2</option>
    <option value="option3">option3</option>
    <option value="option4">option4</option>
    <option value="option4">option5</option>
</select>

JavaScript

$('.group').hide().eq(0).show();
  $('.group').eq(2).show();
            
            $('#selectMe').change(function() {
                var selector = $(this).children(':selected').index();
                $('.group').hide().eq(selector).show();
                
                if (selector == 2) {
                    $('.group').hide().eq(0).show();
                    $('.group').eq(1).show();
                    $('.group').eq(2).show();
                }
                
                if (selector == 1) {
                    $('.group').show();
                }
            });