Javascript to toggle field visibility with radio or checkbox form element

gistfile1.js

$(function(){
    var $togglefield = $("[data-toggle-field]");
    $togglefield.on("change", function(){
      var $this  = $(this);
          target = $this.data("toggle-field"),
          action = $this.data("toggle-action") || 0,
          show   = false;

      // We have a radio
      if(action !== 0) {

        // Parse action
        if (action == "show") {
          show = true;
        } else {
          show = false;
        }

      // We have a checkbox
      } else {
        if($this.is(":checked")) {
          show = true;
        } else {
          show = false;
        }
      }

      // Act on show
      if(show) {
        $(target).show();
      } else {
        $(target).hide();
      }

    });
})

gistfile2.html

<h2>Radio example</h2> 

<label>
  <input type="radio" name="issues" value="no-issues" data-toggle-field="#describe-issues" data-toggle-action="hide" checked>
  I have no issues
</label>

<label>
  <input type="radio" name="issues" value="has-issues" data-toggle-field="#describe-issues" data-toggle-action="show">
  I had some issues
</label>

<div id="describe-issues" style="display:none">
  <p>
    Additional form fields with issues
  </p>
</div>

<h2>Checkbox example</h2> 

<label>
  <input type="radio" data-toggle-field="#describe-issues2" value="has-issues">
  I have issues
</label>

<div id="describe-issues2" style="display:none">
  <p>
    Additional form fields with issues
  </p>
</div>

TODO:

• Check for pre-checked checkboxes to inverse show/hide of element
• Convert into a plugin