Question : Can show and hide panel in FireFox and Safari but not in IE

This is my code for showing and hiding a div...Why does it work in Firefox and safari but not in IE?


#loading {
        z-index: 100;
        position: absolute;
        top: 40%;
        left: 40%;
        background-image: url("./static/images/spinner3-bluey.gif");
        background-repeat: no-repeat;
        background-position: 5px;
        background-color: white;
        padding-left: 50px;
        padding-top: 8px;
        border-style: double;
        border-color: #c0c0c0;
        width: 200px;
        height: 30px;
        font-size: 1.0em;
        font-weight: bolder;
        }
       

Creating Instances...
             

             

         

Answer : Can show and hide panel in FireFox and Safari but not in IE

Can you try following and see how is going...?

document.getElementById("loading").style.display = "none";
instead of
document.getElementById('loading').hide();
   
document.getElementById("loading").style.display = "block";
instead of
document.getElementById('loading').show();