jquery - 任何淡入淡出的通用函数？

Question

Jquery:

$(document).ready(function () {
    $('#myfirstDiv').click(function () {
        $('#seconDiv').fadeIn("fast");
    });
    $('#closeBtn').click(function () {
        $('#seconDiv').fadeOut("fast");
    });
});

在我的网站中这些功能有多种用途，Div 和 Button 具有不同的 id。
我如何为每个 Div 和 Button 推广这些功能？

Answer 1

这是一个插件，它接受第二个 div 和关闭它的按钮:

(function($) {
    $.fn.extend({
        FadeInOut: function(divTwo, closeBtn) {
            return this.each(function() {
                $(this).click(function() {
                    $(divTwo).fadeIn("fast");
                });
                $(closeBtn).click(function() {
                    $(divTwo).fadeOut("fast");
                });
            });
        }
    });
})(jQuery);

DEMO