├── README.md └── hideme.js /README.md: -------------------------------------------------------------------------------- 1 | hideme.js 2 | ========= 3 | 4 | Really simple jQuery plugin to aid in hiding DOM elements after a certain amount of time (such as a notice after successfully submitting a form). 5 | 6 | ###Example usage: 7 | 8 | ```javascript 9 | $('#selector').hideme({ delay: 1000, effect: "slideUp", speed: 800 }); 10 | ``` 11 | 12 | ###Arguments: 13 | 14 | delay (int): Sets the delay before element hideme is triggered. (Default: 2000) 15 | 16 | effect (string): Desired effect to trigger. (current options are ```slideUp```, ```fadeOut``` and ```hide``` (Default: fadeOut) 17 | 18 | speed (int) : Speed of the chosen effect. (Default: 800) 19 | -------------------------------------------------------------------------------- /hideme.js: -------------------------------------------------------------------------------- 1 | (function ($) { 2 | $.fn.hideme = function (options) { 3 | 4 | var settings = $.extend({ 5 | effect: "fadeOut", 6 | speed: 800, 7 | delay: 2000 8 | }, options); 9 | 10 | var _init = function(parent, options) { 11 | setInterval(function() { 12 | if (settings.effect == "fadeOut") $(parent).fadeOut(settings.speed); 13 | if (settings.effect == "slideUp") $(parent).slideUp(settings.speed); 14 | if (settings.effect == "hide") $(parent).hide(); 15 | }, options.delay); 16 | }; 17 | 18 | _init(this, settings); 19 | 20 | }; 21 | }(jQuery)); --------------------------------------------------------------------------------