JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/downloads/H1D/jquery-grewform/jquery.grewform.min.js"></script>
<script src="http://softwaremaniacs.org/media/soft/highlight/highlight.pack.js"></script>
<head>
    <script type="text/javascript" id="demo_code">
       $(function(){
            $('#ch4,#ch5,#ch6,#ch7,#ch8,#ch9,#chq,#chw,#che,#chr').hide();
             $('form').grewform({
                 '#select_1 option:selected[value!=""]': {
                     show:'#select_2'
                 }
             })
        })
    </script>    
</head>
<body>
    <form>
        <select name="" id="select_1">
            <option value="">-- choose option --</option>
            <option value="1">one</option>
            <option value="2">two</option>
        </select>
        
        <select name="" id="select_2" style="display:none">
            <option value="">-- choose option --</option>
            <option value="1">one</option>
            <option value="2">two</option>
        </select>
    </form>
</body>