Чтобы заглушить, у меня есть следующий код, подчеркивающий мою точную проблему:
<!DOCTYPE html><html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script>
function updateR1(){
if (c1.checked){
r1.style.visibility='hidden';
}
else{
r1.style.visibility='visible';
}
}
function updateR2(){
if (c2.checked){
r2.style.display='none';
}
else{
r2.style.display='table-row';
}
}
</script>
</head>
<body>
<table>
<tr id="r1">
<td>visibility</td>
</tr>
<tr id="r2">
<td>display</td>
</tr>
</table>
<div>
<input id="c1" type=checkbox onchange="return updateR1();">Hide row 1</input>
<input id="c2" type=checkbox onchange="return updateR2();">Hide row 2</input>
</div>
</body>
</html>
Рабочий пример> http://s.supuhstar.operaunite.com/s/content/testHideShow.htm
В Opera, Chrome, IE и Safari первый флажок делает верхний ряд видимым или невидимым, а второй флажок делает второй ряд сжатым / невидимым или расширенным / видимым.Тем не менее, в Firefox, ни один из них не работает.Почему бы и нет?Я пробовал много вариантов этого, включая написание необработанного сценария в атрибуте onchange и использование других атрибутов событий, но он всегда работает на всем, НО Firefox.