制作一个简化且重复性较低的jQuery函数版本

Question

我有一些jquery函数，我注意到我正在重复一些代码...

例如：

function booking() {
    $('#shade').fadeIn(function(){

      // show booking box

    });
}

function subscribe() {
    $('#shade').fadeIn(function(){

       // show subscribe box

    });
}

我对学习感到好奇的是优化这一点。说回归函数：

$('#shade').fadeIn(function(){});

我有可能写一个不那么冗长的版本吗？事实证明我已经在这段代码中包含了很多东西，所以我想知道如何将它放入我自己的函数中并返回，所以我可以简单地执行以下操作：

shade(function(){

    // show booking

});

这是如何工作的？或者是否有更优化的方式？

Answer 1

不确定

function shade(callback) {
   $('#shade').fadeIn(callback);
}