Помогите с checkbox событием

<form>

<label class="switch">

  <input type="checkbox" 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>

Собственно говоря при переключении чекбокаса появляется "Содержимое категории 1" Нужно что бы отображался нужный контент а когда переключаешь чекбокс что бы он менялся на другой контент, и наоборот, подскажите может можно указанном выше коде такое чудо организовать и как?