Mostrar / ocultar div cuando casilla de verificación seleccionada [cerrado]

Necesito hacer que aparezca contenido adicional cuando un usuario selecciona una casilla de verificación. Tengo el siguiente código:

<!DOCTYPE html>
<html>
<head>
<title>Checkbox</title>
<script type="text/javascript">


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

});
});

</script>
</head>
<body>
Add another director <input type="checkbox" id="checkbox1"/>
<div id="autoUpdate" class="autoUpdate">
content
</div>
</body>
</html>

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

Respuestas a la pregunta(3)

Su respuesta a la pregunta