jQuery-FadeToggle-如果元素可见或不可见，将执行不同的操作 [英] jQuery - FadeToggle - different actions if element is visible or not

问题描述

我有一个按钮，当您单击该按钮时，我正在执行fadeToggle()以显示或隐藏弹出窗口.

I have a button, when you click on that button, I'm doing a fadeToggle() to show or hide a popup.

该弹出窗口显示在自动播放的Flash视频的顶部.

That popup is appearing on top of a flash video that autoplays.

因此，我想做的是当弹出窗口可见时，我想暂停视频.隐藏后，播放视频.

我的视频播放器已经支持这些功能.这样就可以了:

My video player already support those function. So this is working fine:

 videoPlayer.pause(); 
 videoPlayer.play()

那么我的FadeToggle()会是什么样子?现在我有以下代码:

So what my FadeToggle() would looks like ? Right now I have this code:

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

我在这里缺少play()部分，但是我想不出添加它的语法?如果不适合使用fadeToggle，则可以使用任何jquery或javascript！

I'm missing the play() part here, but I cant figure out the syntax to add it?! If fadeToggle is not the right thing to use, any jquery or javascript is fine!

有什么需要帮助的吗?

推荐答案

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

You could use the jquery :visible selector to find out if #categorySlider is visible or not and depending on that pause or play the video.

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

这篇关于jQuery-FadeToggle-如果元素可见或不可见，将执行不同的操作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！