Do something on change of display property of element

Question

I have div which frequently appears and disappears based on users interaction on page. I want to trigger validation when the display property of element changes to display:none . What is the best way to do it?

Answer 1

The DOM is a view . Things like "do something when this happens" is an event-like trigger, this belongs in your model .

Find all places where you set display: none; and replace it by a hookable process.

Answer 2

You may also try, since you are changing property from shown to hidden.

jquery's .hide() , has not only duration as parameter but on complete event also, by which you can do something when .hide() completes.