jquery event check - if there's changes in selector css (display block / none)

Question

This is quite hard to explain....

I'm using a framework that displays statusbar (display: none/block) after the page have been loaded (javascript).

Is there a way to "live" check if there's changes in that specific selector?

Answer 1

If you're asking to be triggered when css property change, take a look at this similar question : Event detect when css property changed using Jquery.

The posted solution propose to use a trigger on "DOMAttrModified". But be careful if this answer fit your needs about browser compatibility.

Answer 2

Do you mean like:

$(document).ready(function() {
  if($("#yourElement").is(":visible")) {
    //is visible
  }
  else {
    //none
  }
});