0

嗨,我试图隐藏/显示一系列面板。它适用于FF,但不适用于IE。我已将此添加到页面底部以隐藏所有这些,然后显示第一个面板

function clearem(){
document.getElementById("panel01").style="display:none";
document.getElementById("panel02").style="display:none";
document.getElementById("panel03").style="display:none";
document.getElementById("panel04").style="display:none";
document.getElementById("panel05").style="display:none";
document.getElementById("panel06").style="display:none";
document.getElementById("panel07").style="display:none";
document.getElementById("panel08").style="display:none";
document.getElementById("panel09").style="display:none";
document.getElementById("panel10").style="display:none";
document.getElementById("panel11").style="display:none";
}
function showem(mrfoo){
clearem();
document.getElementById("panel"+mrfoo).style="display:block!important"; return false
}
clearem();
showem("01");

它们由以下手动触发:

<a href="#rail" onMouseOver="showem('09')" onClick="showem('09')">Railway</a></li>

任何想法我做错了什么?

更新 - 我将显示移出引号。它不能离线工作,但可以在线!

4

2 回答 2

3

您正在为该style属性分配一个字符串。

而是分配您的值style.display

于 2013-10-23T11:18:30.043 回答
2

你应该这样做:

document.getElementById("panel11").style.display="none";
于 2013-10-23T11:19:11.627 回答