You are assigning a string to the style
property.
Assign your values though style.display
instead.
Pergunta
Hi Im trying to hide/show a series of panels. It works in FF but not IE. Ive added this to the bottom of the page to hide all of them and then show the first panel
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");
theyre triggered manually by:
<a href="#rail" onMouseOver="showem('09')" onClick="showem('09')">Railway</a></li>
Any ideas what im doing wrong?
UPDATE - ive moved the display out of the quotes. it doesnt work offline but does online!
Solução
You are assigning a string to the style
property.
Assign your values though style.display
instead.
Outras dicas
you should be doing:
document.getElementById("panel11").style.display="none";