如何制作由多个功能组成的对象？

Question

这是我的脚本也适用：

$(document).ready(function(){
  function toggleForever() {
    $("#div1").fadeToggle("slow", toggleForever);
  }
  
  $("button#start").click(function () {
    toggleForever();
  });
  
  $("button#stop").click(function () {
    $("#div1").stop().animate({opacity:1}, "slow");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="start">Click to fade in/out box</button>
<button id="stop">Click to stop</button><br /><br /><br />
<div id="div1" style="width:80px;height:80px;background-color:red;"></div>

现在我需要改进我的代码结构。实际上，我需要将toggleForever()函数用于多个不同的元素。所以我想如果我把这一行：

$("#div1").stop().animate({opacity:1}, "slow");

进入函数，并将类似$("#div1")的元素传递给函数，它将更灵活。然后我可以启动/停止为我传递的每个元素闪烁。这样做有可能吗？