JSFiddle - React, Tailwind, and code Playground

by lemon kazi

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.jquery.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.css">
<div>
    <select name="type" id="select1">
        <option value="">Select Type</option>
        <option value="commercial">Commercial</option>
        <option value="condo">Condo</option>
        <option value="single-family">Single Family</option>
        <option value="townhouse">Townhouse</option>
    </select>
</div>

CSS

div {float:left;}

JavaScript

$("select").chosen().each(function () {
    $("#select1").on("chosen:hiding_dropdown", function () {
        
		var $chzn   = $('#select2').next()

        $chzn.find(".chosen-drop").show();
		
    });
});