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.