jQuery check uncheck all checkboxes

by batcave

HTML

<input type="checkbox" name="mycheckbox" id="mycheckbox1" class="input__checkbox" value="0" />
<div id="toggle-content1" class="checkbox-content">
  This content should appear when the checkbox is checked
</div>

<input type="checkbox" name="mycheckbox" id="mycheckbox2" class="input__checkbox" value="0" />
<div id="toggle-content2" class="checkbox-content">
  This content should appear when the checkbox is checked
</div>

CSS

.checkbox-content {
  display: none;
}

.input__checkbox:checked+.checkbox-content {
  display: block;
  height: 100px;
}