These three functions of #jQuery save my alot time in jquery elements manipulation, after extended these three function I cannot do first hide element and then fadeIn, and fadeOut_remove save your time and code,without this you need to first fadeout the element then callback a function in after complete of animation to remove the element, and same thing have in fadeOut_fadeIn.
$.fn.extend( { fadeOut_remove: function () { this_ele = $(this); this_ele.fadeOut(700, function () { this_ele.remove(); }); }, hide_fadeIn: function (){ var this_ele = $(this); this_ele.hide().fadeIn(500); }, fadeOut_fadeIn: function (){ var this_ele = $(this); this_ele.fadeOut(100, function () { this_ele.fadeIn(400); }); } });
Feel free copy my code and use it in your project but please do not republish at anywhere or site.