JSFiddle - React, Tailwind, and code Playground

by Bianca Kuehweidner

HTML

<input type="text" id="tbAirport" value="" />
<select id="ddAirport">
    <option value="Frankfurt">Frankfurt</option>
    <option value="Miami">Miami</option>
</select>

CSS

#tbAirport { width: 200px; margin-right: 5px; }
#ddAirport { width: 25px; padding: 0; }

JavaScript

$("#ddAirport").keydown(function () { 
    alert("moo");
    $("#tbAirport").css("width","0");   
    $("#ddAirport").css("width","200");
});