JSFiddle - React, Tailwind, and code Playground

by gustavox

HTML

<select id="id1">
    <option></option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="6">6</option>
    <option value="7">7</option>
</select>

<select id="id2">
    <option></option>
    <option value="5">5</option>
    <option value="9">9</option>
</select>

<div id="div1" style="display: none">Div1</div>
<div id="div2" style="display: none"> Div2</div>

JavaScript

$(function() {
    $('#id1').change(function(){
        var tip = document.getElementById("#id2").val;
       if (($(this).val() == '3' || '4') && (tip == "5")) {
       $('#div1').fadeIn('slow');
       $('#div2').hide();
        }
       else if ($(this).val() == '6' || '7') {
           $('#div1').hide()
       }
        else {
           $('#div2').hide();
           $('#div1').hide();
        }
    });
});