JSFiddle - React, Tailwind, and code Playground

by David Sch

HTML

<select class="single-option-selector" data-option="option1" id="ProductSelect-product-template-option-0">
<option value="Pyramid Bags">Pyramid Bags</option>
<option value="Loose Tea">Loose Tea</option>
</select>
<br><br>


 <div id="PyramidBags" class="group" >
blabla
</div>
    
 <div id="LooseTea" class="group">
 no no!
 </div>
 
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>

JavaScript

$(document).ready(function () {
    $("#LooseTea").hide();
    $('#PyramidBags').show();
    $('#ProductSelect-product-template-option-0').change(function () {
        if($("#ProductSelect-product-template-option-0").val()=="Loose Tea")
        {
          $("#LooseTea").show();
          $("#PyramidBags").hide();
        }
        else
        {      
          $("#PyramidBags").show();
          $("#LooseTea").hide();
        }
    })
});