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

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

1 个答案: