JSFiddle - React, Tailwind, and code Playground

by Juan Muñoz

HTML

<select><option></option><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>
<div id="div1">this is div 1</div><div id="div2">this is div 2</div><div id="div3">this is div 3</div>

CSS

div{ background-color:#ddf; margin:2px 0; }

JavaScript

$(function() {
    $('select').change(function() {
        var val = $(this).val();
        if (val) {
            $('div:not(#div' + val + ')').slideUp();
            $('#div' + val).slideDown();
        } else {
            $('div').slideDown();
        }
    });
});