Custom jQuery event listener that triggers on show()

Question

I have a div that gets hidden and displayed, via .hide() and .show(). When it is displayed by .show() I need it to do some stuff. Is there any way I can setup a custom event listener that fires a callback when the div goes from hidden to visible? I can make a function and call it wherever I would call $(#myDiv").show() but that happens in multiple places and I would like to keep this all in one place.

Answer 1

You can pass a function callback into the show method which will execute after the show has completed:

$("#myDiv").show(function(){
   myCustomFunction();
});

Answer 2

You could use you own function instead of the internal "show" with a specific callback.