arsenty

Если бы попробовали проверить на чистой странице без анимаций, скриптов и прочего, ну и в чистом браузере без настроек и расширений, то узнали бы, что это стандартное поведение.

Если вам нужно, чтобы checkbox при перезагрузке страницы сбрасывался, то вы выбрали не самый подходящий html-элемент. Если вам нужен checkbox только для визуала, лучше использовать button.

1) Делайте слайс на весь блок, затем делайте хотспот только над кнопкой, привязывайте его к слайсу (тяните за центр хотспота и кидайте на слайс) и затем вешайте на хотспот действие.

2) Сделать вторую кнопку поверх первой, к сожалению не удастся – накладывание интерактива не работает. Я с этой проблемой долго возился, пришёл к двум решениям: в вашем случае можно просто сделать включение/отключение блока по наведению курсора (но пояснять, что это должен быть клик: каким-нибудь значком или комментарием), если блок большой и с большим количеством элементов – выносит его состояния на отдельные страницы и просто линковать их.