JSFiddle - React, Tailwind, and code Playground

by roXon

HTML

<select class="sel">
  <option value="volvo">ComboBox</option>
</select>

<div class="dropdown">
    <input type="checkbox" />  Option 1
    <input type="checkbox" />  Option 2
    <input type="checkbox" />  Option 3
    <input type="checkbox" />  Option 4   
</div>

CSS

select.sel{
    position:relative;
    background:#fff;
    border:2px solid #000;    
}
.dropdown{
border:2px solid #000;
    margin-top:3px;
    padding:20px;
    width:160px;
    height:50px;
    display:none;
}

JavaScript

$('.sel').focus(function() {
    this.blur();
    window.focus();
    $('.dropdown').fadeToggle(300);
});