Alternar div según el valor de casilla de verificación

Question

No estoy seguro de cómo lograr esto. Lo que quiero hacer es ocultar un div basado en un valor de casilla de verificación. Este es mi código para alternar.

apreciar cualquier ayuda

.always es la casilla de verificación

$(document).ready(function() { 
      $('.always').click(function() {     
       $('#dates').toggle(); 
      }); 
     }); 

Answer 1

.toggle() toma un valor booleano, así, como este:

$(function() { 
    $('.always').change(function() {     
    $('#dates').toggle(!this.checked); 
    }).change(); //ensure visible state matches initially 
}); 

You can test it out here. Supongo que en el de arriba quiere que el #dates esté oculto si .always está marcada, eso es lo que hará.

Answer 2

$('.always').change(function() { 
$('#dates').toggle(!this.checked); 
});