Question

I have div which it is hidden by default , when the use clicks show link the following javascript method is called:

function ChangeControlVisibility(elementID) {
    var  element = $("#" + elementID);
    if (element.css('display') != 'block' && element.css('display') != 'table') {
        element.show();
        var tempElement = $('div.expanded');
        if (tempElement.length > 0) {
            tempElement.css('background-image', 'url(../images/arrow1.gif)');
        }
    }
    else {
        element.hide();
        var tempElement = $('div.expanded');
        if (tempElement.length > 0) {
            tempElement.css('background-image', 'url(../images/arrow2.gif)');
        }  
    } 
}

this step works but when i call the previous method at page_load event the method doesn’t work:
element.css(‘display’) undefined.

Is there any problem at the previous code????

Answer 1

Do you execute that code within the .ready() handler?

And by the way, unless you really need to explicitly check for display-state table, you could just ask for

$(document.ready(function(){
   if (!element.is(':visible')){
   }
   else{
   }
});

Ref.: .is(), .ready(), :visible