<form>
<label class="switch">
<input type="checkbox" checked="checked" id = 'cb1' onchange = 'showOrHide("cb1", "cat1");'/>
<div class="slider round"></div>
</label></form>
<div id = 'cat1' style = 'display: none;'>Содержимое категории 1</div>
<script type="text/javascript">
function showOrHide(cb, cat) {
cb = document.getElementById(cb);
cat = document.getElementById(cat);
if (cb.checked) cat.style.display = "block";
else cat.style.display = "none";
}
</script>