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