jQuery check uncheck all checkboxes

by batcave

HTML

<div class="container">
	<div class="checkbox__container">
		<label for="one"></label>
		<label for="two"></label>
		<label for="three"></label>
		<label for="four"></label>
	</div>
	
  <input type="checkbox" id="one" class="checkbox__content" value="0" />
  <div id="toggle-content1">
    This content should appear when the checkbox is checked
  </div>
	
  <input type="checkbox" id="two" class="checkbox__content" value="0" />
  <div id="toggle-content2">
    This content should appear when the checkbox is checked
  </div>
	
	<input type="checkbox" id="three" class="checkbox__content" value="0" />
  <div id="toggle-content2">
    This content should appear when the checkbox is checked
  </div>
	
	<input type="checkbox" id="four" class="checkbox__content" value="0" />
  <div id="toggle-content2">
    This content should appear when the checkbox is checked
  </div>
</div>

CSS

.checkbox__content {
  display: none;
}

.checkbox__input:checked+.checkbox__content {
  display: block;
  height: 100px;
}