JSFiddle - React, Tailwind, and code Playground

by spadez

HTML

<script>
jQuery(function($){
applyField();
});
</script>
<select id="apply">
    <option value="email">Email</option>
    <option value="website">Website</option>
</select>
<input type="text" id="email" placeholder="test@test.com" />
<input type="text" id="website" placeholder="www.example.com" />
<textarea rows="4" cols="50" placeholder="text*"></textarea>

CSS

.hidden {display:none;}

JavaScript

// Apply Fields
function applyField() {
    $(this).on('change', '#apply',function() {
        var selected = $(this).find(':selected').val(),
            elem = $("#"+selected);
        $("input").addClass('hidden');
        elem.removeClass('hidden');
    });
    $("#apply").trigger('change');
};