jquery - 任何泛化函数fadeIn 淡出？

Question

查询：

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

这些函数在我的站点中有多种用法，Div 和 Button 的 id 不同。
我如何为每个 Div 和 Button 概括这些功能？

Answer 1

1. 为按钮 div 定义一个类
2. 为淡入淡出的 div 定义一个类
3. data-target在div按钮中创建自定义属性
4. data-action在div按钮中创建自定义属性
5. 让您的 jQuery 查找所有按钮 div 元素（按类选择）并根据它们的操作（显示/淡入或隐藏/淡出）将它们链接到目标

这样，无论有多少按钮或 div，如果设置正确，您的 jQuery 都会“自动”链接它们。

抱歉，暂时没有代码，但这种方法有效。

更新

一些链接可帮助您实现此方法：

• jQuery 自定义属性
• jQuery 的类选择器
• jQuery的绑定

Answer 2

这是一个插件，它接收第二个 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);

演示

Answer 3

我找到了一个解决方案来概括这些淡入淡出和淡出功能。
你可以看到这个例子


可能对其他任何人都有帮助。