Show TextArea Radio Select

Show/Hide form textarea base on radio selection.

by SullysRants

HTML

<p>
  <label>
    <input type="radio" name="MyRadio" value="Yes" id="MyRadio_Yes"> Yes
  </label>
  <br>
  <label>
    <input type="radio" name="MyRadio" value="No" id="MyRadio_No"> No
  </label>
</p>
<p>
  <textarea name="MyTextBox" cols="75" rows="5" class="show_hide" id="MyTextBox"></textarea>
</p>

CSS

.show_hide {
  display: none;
}

JavaScript

$("input[name=MyRadio]").click(function() {
  if ($("#MyRadio_Yes").prop('checked'))
    $("#MyTextBox").show();
  if ($("#MyRadio_No").prop('checked'))
    $("#MyTextBox").hide();
});