How to make style of an element dependent on another element's style

Question

I need to set some special style for an element if some other element is visible (which is indicated by a special css class and can change dynamically). I need to do this because the page rendering and it's behavior is fully controlled by some framework's code and I don't want to change it. I can put any content anywhere in the body of the page. Is there a non-hacking way to do it?

My only idea was to use some plug-in like "watch" for jquery, but it's very ugly.

Answer 1

I'm guessing You can override element's method prototype to fire desired one when changing css style?

Answer 2

try using the properychange/attributemodified event

  $("object-in-question").bind("DOMAttrModified propertychange", function(e) {
    if($(this).is(":visible")).... etc
  });

http://jsbin.com/abece4