jQuery check uncheck all checkboxes

HTML

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

CSS

#toggle-content1{
display:none;
}
#mycheckbox1:checked ~ #toggle-content1{
  display:block;
  height:100px;
 
}
#toggle-content2{
display:none;
}
#mycheckbox2:checked ~ #toggle-content2{
  display:block;
  height:100px;
 
}