Show TextArea Radio Select

Show/Hide form textarea base on radio selection.

by SullysRants

HTML

<p>
  <label for="Other_Change_Desc"><strong>Other Change?</strong></label>
</p>
<p>
  <label>
    <input type="radio" name="Other_Change" value="1" id="Other_Change_Yes"> Yes
  </label>
  <br>
  <label>
    <input type="radio" name="Other_Change" value="0" id="Other_Change_No"> No
  </label>
</p>
<div id="Other_Change_Div"></div>

CSS

.show_hide {
  display: none;
}

JavaScript

$("input[name=Other_Change]").click(function() {
  if ($("#Other_Change_Yes").prop('checked'))
    $("#Other_Change_Div").html('<textarea name="Other_Change_Desc" id="Other_Change_Desc" cols="125" rows="5" data-required="true" data-error-message="Required">Validate ME</textarea>');
  if ($("#Other_Change_No").prop('checked'))
    $("#Other_Change_Div").html('<textarea name="Other_Change_Desc" id="Other_Change_Desc" cols="125" rows="5">Dont Validate</textarea>');
});