jquery on show hide event

gistfile1.js

(function($) {
	$.each(['show', 'hide'], function(i, ev) {
		var el = $.fn[ev];
		$.fn[ev] = function() {
			this.trigger(ev);
			return el.apply(this, arguments);
		};
	});
})(jQuery);

//
$('#foo').on('show', function() {
    console.log('#foo is now visible');
});

$('#foo').on('hide', function() {
    console.log('#foo is hidden');
});
$('#foo').show().hide();


// http://viralpatel.net/blogs/jquery-trigger-custom-event-show-hide-element/

thanks, I had the same issue.. fixed it for me too.. so it will be

(function ($) {
        $.each(['show', 'hide', 'fadeOut', 'fadeIn'], function (i, ev) {
            var el = $.fn[ev];
            $.fn[ev] = function () {
                var result = el.apply(this, arguments);
                result.promise().done(function () {
                    this.triggerHandler(ev, [result]);
                })
                return result;
            };
        });
    })(jQuery);