As per the title. When I reopen a sheet, the checkboxes that hide parts of the sheet are not remembered, though other checkboxes are remembering what they should be. Here is some VERY simple toy code below to illustrate the process. CSS .charsheet input.sheet-arrow
{
opacity: 0;
width: 14px;
height: 10px;
position: relative;
top: -4px;
left: -6px;
margin: -14px;
cursor: pointer;
z-index: 1;
}
.charsheet input.sheet-arrow + span::before {
margin-right: 4px;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
content: "▼";
width: 14px;
height: 14px;
font-size: 12px;
float: left;
}
.charsheet input.sheet-arrow:checked + span::before {
content: "►";
}
.charsheet input.sheet-arrow:checked ~ .sheet-repmods{
display: none;
}
.sheet-repmods{
display: block;
} HTML <input type='checkbox' class='sheet-arrow' name='tester' value='1'/><span></span>&nbsp;
<div class='sheet-repmods'>Hello</div> When you click the arrow, it will roll up and down, but when opening the sheet, it will always be rolled-down for some reason, even if you rolled it up when closed. Likewise, if I use something like checked='true' , it will always default to that state. Additionally adding a hidden field like <input type="hidden" name="tester" value="0"> doesn't help either. Anyone have any ideas?