Javascript 淡出Div内容-空Div内容-淡出新内容

我正在为我的按钮使用onClick功能。我的按钮代码如下所示：

<a onClick="fadeNext('#myDIV1',500);">Button 1</a>
<a onClick="fadeNext('#myDIV2',500);">Button 2</a>

function fadeNext(selectedId, speed) {

          var containerID = '#imageSwap';
          var vis = ($(containerID + ' div:visible').length > 0) ? $(containerID + ' div:visible').eq(0) : $(containerID + ' div').eq(0);
          var next = $(selectedId);
          vis.fadeOut(speed);

          next.fadeIn(speed);
          } 

这会正确地淡出内容，效果很好，但视频内容（Vimeo）在不可见时仍会播放。尝试了此JS，但仍然没有成功：

function fadeNext(selectedId, speed) {

          var containerID = '#imageSwap';
          var vis = ($(containerID + ' div:visible').length > 0) ? $(containerID + ' div:visible').eq(0) : $(containerID + ' div').eq(0);
          var next = $(selectedId);
          vis.fadeOut(speed, function() {
              $(this).empty().show();
          });

          next.fadeIn(speed);
          } 

有了这个JS，内容不再淡出或清空

我是一名JS新手，无法让空（）代码正常工作。主要原因是我的DIV将包含视频（Vimeo）。当用户点击更改内容时，我希望视频被卸载，这样视频/声音就不再播放了

---

如有任何帮助/建议，将不胜感激

查看我的小提琴叉子：

我添加了一个指向外部资源的链接：

然后我给每个iframe一个id（v1和v2，但它们不在这个小提琴中使用）和一个player类

然后将此添加到fadeNext：

$(".player").each(function() {
    $f($(this)[0]).api("pause");
});

---

现在，当您单击选择另一个视频时，它实际上会暂停所有视频。

如果没有更多的代码，很难准确判断您正在做什么，但我做了一个快速测试，empty（）确实会停止vimeo视频。查看这个简单的jfiddle：非常感谢您的帮助。我已经用我的代码创建了一个jfiddle：当我尝试添加空功能时，事情变得混乱：第一次按钮似乎工作正常，但在随后的单击中无法加载新的div内容。似乎一旦内容被清空，就无法在后续请求中检索内容。有什么想法吗？