JSFiddle - React, Tailwind, and code Playground
HTML
<select id="dropDown">
<option>Choose...</option>
<option value="div1">Show Div 1</option>
<option value="div2">Show Div 2</option>
</select>
<div id="div1" class="drop-down-show-hide">div dasdasdasd1</div>
<div id="div2" class="drop-down-show-hide">div asdasdasdsadsdas2</div>
CSS
#div1{
color:black;
}
JavaScript
$('.drop-down-show-hide').hide();
$('#dropDown').change(function(){
$(this).find("option").each(function()
{
$('#' + this.value).hide();
});
$('#' + this.value).show();
});