JSFiddle - React, Tailwind, and code Playground

by Kelly Hawker

HTML

<select id="colorselector">
   <option value="red">Red</option>
   <option value="yellow">Yellow</option>
   <option value="blue">Blue</option>
</select>
<div id="red" class="colors">red... </div>
<div id="yellow" class="colors">yellow.. </div>
<div id="blue" class="colors">blue.. </div>

CSS

#yellow { display:none; }
#blue { display:none; }

JavaScript

$(document).ready(function() {
	$('#colorselector').change(function(){
		$('.colors').hide();
			$('#' + $(this).val()).show();
		});
});