How to write onshow event using javascript/jquery?

Question

I have an anchor tag on my page, i want an event attached to it, which will fire when the display of this element change.

How can i write this event? and catch whenever

Answer 1

You could also override jQuery's default show method:

var orgShow = $.fn.show;
$.fn.show = function()
{
    $(this).trigger( 'myOnShowEvent' );
    orgShow.apply( this, arguments );
    return this;
}

Now just bind your code to the event:

$('#foo').bind( "myOnShowEvent", function()
{
    console.log( "SHOWN!" )
});