Toggle div based on checkbox value

Question

I'm not sure how to accomplish this. What I want to do is to hide a div based on a checkbox value. This is my code for the toggle.

appreciate any help

.always is the checkbox

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

Answer 1

.toggle() takes a boolean as well, like this:

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

You can test it out here. I assume in the above you want the #dates hidden if .always is checked, that's what it'll do.

Answer 2

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