JSFiddle - React, Tailwind, and code Playground

HTML

<select multiple="multiple" id="carros" size="1" name="carros">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
</select>

CSS

select {
    height: 20px;
}

JavaScript

$('select')
.focus(function() {
    $(this).animate({height: "60px"}, 500);
})
.blur(function() {
    $(this).animate({height: "20px"}, 500);
});