Check if DIV is visible using javascript

Question

i needed to hide a div on my code behind:

bool hideDiv = false
//codes to change hideDiv
myDiv.visible = hideDiv;

and i want to check visibility of my div using javascript:

if (jQuery("myDiv") != null){
    //some codes
}
else{
    //some codes
}

and the 'jQuery("myDiv")' is always not null (even if the div was actually not visible), what is the better way to check if a div is visible?

gdoron · Accepted Answer · 2013-05-30 01:34:23Z

14

You can use :visible selector inside is filtering function:

if ($('#myDiv').is(':visible'))

Notes:

You probably forgot the # before the id in your selector(jQuery("myDiv")).
jQuery will never return null no matter if the searched elements exist or not, unlike document.getElementById

edited May 30, 2013 at 1:34

answered May 30, 2013 at 1:29

gdoron

151k59 gold badges302 silver badges376 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Eytch Over a year ago

hmmm, unfortunately, still the same, i've tried your code if ($('#myDiv').is(':visible')), and i've tried my code with additional "#" if (jQuery("#myDiv") != null). still as if it is always visible

gdoron Over a year ago

@Eytch, this code is perfectly valid and works, it seems like you have problem somewhere else or that your div isn't hidden, check it with: $('#myDiv').is(':hidden')

Eytch Over a year ago

i ended up using document.getElementById("MainContent_myDiv") :)

gdoron Over a year ago

@Eytch, Dear lord, so your id isn't myDiv! use this: $('#MainContent_myDiv').is(':visible')

Collectives™ on Stack Overflow

Check if DIV is visible using javascript

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related