Gist for a blog article - http://iconoclastlabs.com/cms/blog/posts/a-clear-win-of-angularjs-over-jquery-example

angular.html

<div ng-app ng-controller="Controller">
  <input ng-model="myCheck" type="checkbox" />
  <input ng-show="myCheck" type="text">
</div>

angular.js

function Controller ($scope) {

}

coffeescript.coffee

# lagniappe coffeescript version for you
(($) ->
  # show if it is checked
  $("input[data-hide]").each (box) ->
    shown = $(@).prop('checked')
    $($(@).data('hide')).toggle(shown)

  # On change, toggle visibility
  $("input[data-hide]").change ->
    to_hide = $(@).data('hide')
    $(to_hide).fadeToggle()  
) jQuery

hard_id.js

(function($) {
    $("#allow_max_members").each(function(box) {
        var shown;
        shown = $(this).prop('checked');
        $("#max_members").toggle(shown);
    });
})(jQuery);

jquery.html

<div>
  <input type="checkbox" data-hide="#max_members" />
  <input id="max_members" type="text" />
</div>

jquery.js

(function($) {
  $("input[data-hide]").each(function(box) {
    var shown;
    shown = $(this).prop('checked');
    return $($(this).data('hide')).toggle(shown);
  });
  return $("input[data-hide]").change(function() {
    var to_hide;
    to_hide = $(this).data('hide');
    return $(to_hide).fadeToggle();
  });
})(jQuery);