JSFiddle - React, Tailwind, and code Playground

HTML

<p id="container">
    <input class="input1" value="input1">
    <input class="input2" value="input2">
    <input class="input3" value="input3">
    <input class="input4" value="input4">
    <input class="input5" value="input5">
</p>

<select id="selectbox">
    <option value="Input1">Show Input1</option>
    <option value='Input2'>Show Input2</option>
    <option value='Input3'>Show Input3</option>
    <option value='Input4'>Show Input4</option>
    <option value='Input5'>Show Input5</option>
</select>

<input type="button" value="Show Input" class="btn">

CSS

input{display:none;}
.btn{display:inline;}

JavaScript

$(document).ready(function() {
    $('.btn').click(function() {
        $("#container input").hide();
        switch ($("#selectbox").val()) {
        case 'Input1':
            $(".input1").fadeIn();
            break;
        case 'Input2':
            $(".input2").show();
            break;
        case 'Input3':
            $(".input3").show();
            break;
        case 'Input4':
            $(".input4").show();
            break;
        case 'Input5':
            $(".input5").show();
            break;
        default:
            break;
        }
    });
});