JSFiddle - React, Tailwind, and code Playground

HTML

<select id="contact-select">
  <option value="select" selected="selected">- Select Reason for Contact -</option>
  <option value="block-webform-client-block-1" name="1">General Question</option>
  <option value="block-webform-client-block-2" name="2">Update Information</option>
  <option value="block-webform-client-block-3" name="3">Question About Order</option>
</select>

<div id="block-webform-client-block-1" class="block-webform">General Question</div>
<div id="block-webform-client-block-2" class="block-webform">Update Informatio</div>
<div id="block-webform-client-block-3" class="block-webform">Question About Order</div>

CSS

.block-webform {
  height:30px;
  margin:30px;
  background:lime;
}

JavaScript

$(document).ready(function($){
	$('.block-webform').hide();
	$('#contact-select option[value="select"]').attr("selected", "selected");

	$('#contact-select').change(function(){
		$('.block-webform').slideUp(600);
		$('#' + $(this).val()).slideDown(600);
	});
});