JSFiddle - React, Tailwind, and code Playground

by Trisox

HTML

<Select id="selectboxId">
    <option value="vde">vde</option>
    <option value="sts">sts</option>
    <option value="luminis">luminis</option>
</Select>
<div id="vde" class="dedivjes" style="display:none"> vde div... </div>
<div id="sts" class="dedivjes" style="display:none"> sts div.. </div>
<div id="luminis" class="dedivjes" style="display:none"> luminis div.. </div>

CSS

.dedivjes{
    display:none;
    border:1px solid #ccc;
    padding:3px;
    margin-top:5px;
}

JavaScript

$(function() {
    var firstOption = $("#selectboxId option:first").val();
    $('#' + firstOption).show();
    $('#selectboxId').change(function() {
        $('.dedivjes').hide();
        $('#' + $(this).val()).show();
    });
});