jquery event handler: div becomes visible/hidden

Question

I have a div and I\'d like to have an event handler listen to when it becomes visible and hidden. How do you do that?

Thanks.

Answer 1

You can create a trigger. You would, of course, have to fire the trigger, but that is one way to do it.

Answer 2

You can use the callback parameter in the show() and hide() methods like this:

$('#myDiv').show(0, onDivShow);
$('#myDiv').hide(0, onDivHide);

function onDivShow() { //your code here }
function onDivHide() { //your code here }

See a working example here: http://jsfiddle.net/N7UNU/