Show TextArea Radio Select

Show/Hide form textarea base on radio selection.

by SullysRants

HTML

<tr>
  <td width="25">
    <input type="checkbox" name="application[]" id="application4" />
  </td>
  <td>
    <label for="application4">Other (not listed above)</label>
  </td>
</tr>



<div id="Other_Application_Div"></div>

CSS

.show_hide {
  display: none;
}

JavaScript

$("input[id=application4]").click(function() {
  if ($("#application4").prop('checked'))
    $("#Other_Application_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>');
});