Desarrollo HTML
  1. Desarrollo HTML
  3. Mostrar / Ocultar div cuando se selecciona la checkbox
Intereting Posts
La deencoding del HTML escapó de los caracteres a la secuencia normal en C # Bootstrap 4 Modal Center Content Vista de compatibilidad de intranet de IE sin incluir cierta fuente Actualizar una sección de una página utilizando el contexto Ajax Diferencia entre DIV como está y un SPAN con pantalla: bloque ¿Hay un ancho máximo que puede tener una página web? cómo obtener el valor String / character desde Key Code; Compruebe si el elemento tiene la clase activa, de ser así, agregue clase a un elemento diferente Personalizar el cursor de texto en el elemento contenteditable El estilo de la página web está distorsionado hasta que haga clic en Actualizar en Firefox. JQuery keyup no funciona IE 10 HTML 5 – Reproducir archivo en un determinado punto de tiempo Agregar entidades HTML usando contenido CSS cómo obtener la imagen que se toma de mysql como fondo en el cuerpo? JS no se carga correctamente en la primera carga de la página

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