JSFiddle - React, Tailwind, and code Playground

by tariqulazam

HTML

<select id="category" name="category" style="opacity: 1; ">             
                <optgroup label="Default">  
                    <option value="Finance">Finance</option>
                    <option value="IT">IT</option>
                </optgroup>
                <optgroup label="User Created">             
                    <option value="Categoy">Categoy</option>
                    <option value="My Category">My Category</option>
                </optgroup>
      </select>

<input type="button" value="button" id="btn"/>

JavaScript

$(document).ready(function(){
    $("#btn").hide();


    $("#category").change(function(){
        var selected = $("option:selected", this);
        selected.parent()[0].label=="User Created"?$("#btn").show(): $("#btn").hide();     

    });

});