Jquery listener on an element when it display:block/none; property changes

Question

Is this possible? I want an event to fire when this happens.

when does the property change? – scrappedcola Jun 30 '11 at 22:22 — scrappedcola, Jun 30 '11 at 22:22

score 0 · Accepted Answer · answered Jun 30 '11 at 23:14

Hmm, why do you need this? Instead, I would suggest thinking about what causes the element to be shown/hidden and react to that. It's always better to decouple your logic from view.

But if you still really want to do this, the only way I can think of right now is to have an interval that keeps polling for the element's visibility.

score 0 · Answer 2 · answered Jun 30 '11 at 23:18

0

you could use livequery to do this.

$('div.myClass:hidden').livequery(function(){
//do something when hidden
});
$('div.myClass:visible').livequery(function(){
//do something when visible
});

answered Jun 30 '11 at 23:18

Amin Eshaq

4,034
1
17
21

Thanks alot for all your great answers everyone, This Live query thing like a suitable alternative, I'm not crazy on using potentailly slow plugins when its not necessary though. My reason for needing this, I want to make some additional styles after .net sends back client-side-validation. I.E the requiredfieldvalidator will trigger, but I want to also apply
to the LI containing the field

williamsandonz

Jul 01 '11 at 00:05

Jquery listener on an element when it display:block/none; property changes

2 Answers2