javascript - jQuery - FadeToggle - 如果元素可见或不可见，则执行不同的操作

Question

我有一个按钮，当你点击那个按钮时，我正在做一个 fadeToggle() 来显示或隐藏一个弹出窗口。

该弹出窗口出现在自动播放的 Flash 视频之上。

所以，我想做的是当弹出窗口可见时，我想暂停视频。隐藏后，播放视频。

我的视频播放器已经支持这些功能。所以这工作正常：

 videoPlayer.pause(); 
 videoPlayer.play()

那么我的 FadeToggle() 会是什么样子？现在我有这个代码：

  $("#categorySlider").fadeToggle('fast', function() {
       var videoPlayer = document.getElementById("videoContainer");
       videoPlayer.pause();
  });

我在这里错过了 play() 部分，但我无法弄清楚添加它的语法？！如果fadeToggle 不适合使用，任何jquery 或javascript 都可以！

请问有什么帮助吗？

Answer 1

您可以使用 jquery:visible选择器来确定是否#categorySlider可见，并取决于暂停或播放视频。

$("#categorySlider").fadeToggle('fast', function() {
   var videoPlayer = document.getElementById("videoContainer");
   if ($("#categorySlider").is(":visible"))
        videoPlayer.pause();
   else
        videoPlayer.play(); 
});