JSFiddle - React, Tailwind, and code Playground

by der_robert

HTML

<select id="theSelect">
    <option disabled="disabled">Wählen</option>
    <option value="form_1">Form 1</option>
    <option value="form_2">Form 2</option>
    <option value="form_3">Form 3</option>
</select>

<div id="form_1" style="display: none;">
    Formular 1
</div>    

<div id="form_2" style="display: none;">
    Formular 2
</div>    

<div id="form_3" style="display: none;">
    Formular 3
</div>

JavaScript

$(document).ready(function(){

    $("#theSelect").change(function(){          
        $("#theSelect option:selected").click(function(){
            var form = $(this).val();
            
            $("#"+form).toggle(function(){
                $(this).css("display","none");
            }),function(){
                $(this).css("display","block");
            }
        }); 
    });

});