fadeIn fadeOut的任何通用函数？

Question

Jquery的：

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

我的网站中有多种这些功能，Div和按钮的ID不同 我怎么能为每个Div和Button推广这些函数？

Answer 1

1. 为按钮div定义一个类
2. 为淡化div定义一个类
3. 在data-target按钮
中创建自定义属性div
4. 在data-action按钮
中创建自定义属性div
5. 让你的jQuery查找所有按钮div元素（按类选择）并根据他们的动作（show / fadeIn或hide / fadeOut）将它们链接到目标

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

抱歉，目前没有代码，但这种方法有效。

<强>更新

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

• Jquery custom attributes
• jQuery's class selector
• jQuery's bind

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);

DEMO

Answer 3

我找到了一个推广这些fadeIn和fadeOut函数的解决方案 你可以看到这个Example


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