В моем приложении на Rails я пытаюсь скрыть div (блок) при загрузке страницы в функции Javascript ниже. Эта функция проходит через серию флажков с одинаковыми именами (cb). Если какой-либо из флажков установлен, он должен показывать div.
function BoxCheck(cb,box){
var cbs=document.getElementsByName(cb);
var d=document.getElementById(box);
d.style.display = 'none';
var flag_check=0
for (var zxc0=0;zxc0<cbs.length;zxc0++){
if (cbs[zxc0].checked){
flag_check=flag_check+1
} else
{ }
}
if (flag_check > 0){
d.style.display = 'block';
document.getElementById('multi_control_spacer').style.display = 'block';
} else {
d.style.display = 'none';
document.getElementById('multi_control_spacer').style.display = 'none';
}
}
Функция срабатывает при нагрузке с:
<body onload="javascript:BoxCheck('doc_ids[]','multi_control');">
Проблема в том, что когда флажки не установлены, div мигает, а затем исчезает.
Вот CSS:
#multi_control {
padding: 10px;
background: #333;
}
Я попытался настроить отображение css: нет, но тогда я не могу заставить его переключиться обратно на отображение: блок с Javascript