JQuery Создание простого плагина плавное исчезновение блока без схлопывания (removeSmoothly) - новой функции, пример кода

После подключения самого JQuery достаточно написать:

/**
 * Плавно удалит блок
 */
$.fn.removeSmoothly = function() {
    this.stop().animate({
            height: "0px", // высоту к нулю
            width: "0px", // высоту к нулю
            opacity: 0, // прозрачность к нулю
        }, 600, function() {
            $(this).remove(); // удаляем из DOM (если требуется, если же нет, то "закомментируйте" эту строку)
        }
    );
};

Далее функцию можно вызвать на JQuery-объекте, созданном из элемента страницы, например:

$('div#myid').removeSmoothly();

Источники

Подробнее о создании плагинов: https://learn.jquery.com/plugins/basic-p...