Mostrar / Ocultar div cuando se selecciona la checkbox

Necesito hacer que aparezca contenido adicional cuando un usuario selecciona una checkbox. Tengo el siguiente código:

   Checkbox  $(document).ready(function(){ $('#checkbox1').change(function(){ if(this.checked) $('#autoUpdate').fadeIn('slow'); else $('#autoUpdate').fadeOut('slow'); }); });    Add another director  
content

Realmente agradecería algo de ayuda, buen conocimiento de HTML5, CSS3 pero JavaScript / jQuery muy básico.

Te falta jQuery en la cabeza, debes incluirlo.

  

Tu código funciona DEMO

Actualizar según nueva información

 $(document).ready(function () { $('#checkbox1').change(function () { if (!this.checked) // ^ $('#autoUpdate').fadeIn('slow'); else $('#autoUpdate').fadeOut('slow'); }); }); 

MANIFESTACIÓN

También puedes usar .fadeToggle ()

 $(document).ready(function () { $('#checkbox1').change(function () { $('#autoUpdate').fadeToggle(); }); }); 

primero en la cabeza incluyen jquery

   

ver demostración

referencia : marcado e is ()

Plese reemplace su código con a continuación le ayudará

 < !DOCTYPE html>   Checkbox     Add another director  
content