[sega1821]

Здравствуйте. При checkbox:checked необходимо показывать один контейнер относящийся к чекбоксу, но вместо этого, я могу нажать на несколько чекбоксов и откроются все контейнеры. Делаю это всё в contact form 7 где чекбоксы у меня исключительные, но и это не помогает.

<div class="container-1">
  <input type = 'checkbox' id = 'cb1' onchange = 'showOrHide("cb1", "cat1");'/>Показать содержимое категории 1
  <input type = 'checkbox' id = 'cb2' onchange = 'showOrHide("cb2", "cat2");' />Показать содержимое категории 2
  <input type = 'checkbox' id = 'cb3' onchange = 'showOrHide("cb3", "cat3");' />Показать содержимое категории 3 
</div>

<div class="container-2">
<div id = 'cat1' style = 'display: none;'>Содержимое категории 1</div>
<div id = 'cat2' style = 'display: none;'>Содержимое категории 2</div>
<div id = 'cat3' style = 'display: none;'>Содержимое категории 3</div>
</div>

function showOrHide(cb, cat) {
    cb = document.getElementById(cb);
    cat = document.getElementById(cat);
    if (cb.checked) cat.style.display = "block";
    else cat.style.display = "none";
  }