JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<select class="dropdown">
<option value="Human">Human</option>
<option value="Event">Event</option>
</select>
<div class="toggle human" style="display:none;">You selected Human</div>
<div class="toggle event" style="display:none;">You selected Event</div>
<input type="submit" />
</form>
<script>
$('.dropdown').change(function() {
// hide divs first
$('form .toggle').hide();
// get value from dropdown
var divClass = $('.dropdown').val().toLowerCase();
alert(divClass);
// show necessary div
$('.' + divClass).show();
});
</script>