Здравствуйте.
function showOrHide(cb, cat) {
cb = document.getElementById(cb);
cat = document.getElementById("cat_" + cat);
disc_cat = document.getElementById("disc_cat_" + cat);
if (cb.checked){
cat.style.display = "block";
disc_cat.style.display = "block";}
else {cat.style.display = "none";
disc_cat.style.display = "none";}
}
<input type="checkbox" name="cb1" id="check1" value="1" checked="checked" onchange = 'showOrHide("check1", 1);' />
<input type="checkbox" name="cb2" id="check2" value="2" checked="checked" onchange = 'showOrHide("check2", 2);' />
$items = array(1, 2);
$i = 1;
foreach($items as $item){
echo '<div name="qu-qu" id="cat_' .$i. '">здесь идет код</div>';
echo '<div name="quqareku" id="disc_cat_' .$i. '">здесь другой код</div>';
$i++;
}
Проблема в том, что при нажатии на чекбокс срабатывает "display:none;" только для первого дива. Второй див ни в какую не работает. Выдает ошибку:"Cannot read property 'style' of null"
Пожалуйста, подскажите, как сделать так, чтобы при нажатии на чекбокс сработало сразу два дива одновременно.
Спасибо!
