JSFiddle - React, Tailwind, and code Playground

HTML

<select id="selecPlan">
    <option value="collector">Collector</option>
    <option value="vip">VIP</option>
</select> 

<div id="collector" class="plan">
<select id="selectMe">
    <option value="multiple">multiple</option>
    <option value="programming">Programming</option>
</select> 

 <div id="multiple" class="group" >
   Multiple
</div>
    
 <div id="programming" class="group" >
   Programming
</div>
    

</div> 

<div id="vip" class="plan">
<select id="selectMe">
    <option value="multiple">multiple 1</option>
    <option value="programming">Programming 1</option>
</select> 

 <div id="multiple" class="group" >
   Multiple
</div>
    
 <div id="programming" class="group" >
   Programming
</div>
    

</div>

JavaScript

$(document).ready(function () {
    $('.plan').hide();
    $('#collector').show();
    $('#selectPlan').change(function () {
        $('.plan').hide();
        $('#'+$(this).val()).show();
    })
});

$(document).ready(function () {
    $('.group').hide();
    $('#multiple').show();
    $('#selectMe').change(function () {
        $('.group').hide();
        $('#'+$(this).val()).show();
    })
});