jQuery的 - FadeToggle - 不同的行動，如果元素是可見或不可見

Question

我有一個按鈕，當你點擊該按鈕，我正在做一個fadeToggle（）來顯示或隱藏彈出。

該彈出窗口出現在自動播放的Flash視頻之上。

所以，我想要做的，是當彈出窗口可見，我想暫停視頻。當它隱藏時，播放視頻。

我的視頻播放器已經支持這些功能。所以這工作正常：

videoPlayer.pause(); 
videoPlayer.play() 

那麼我的FadeToggle（）看起來像什麼？現在，我有這樣的代碼：

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

我錯過了播放（）部分在這裏，但我不能找出語法來添加呢？！如果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(); 
});