隱藏手風琴的自動刷新選項卡

Question

我使用3個手風琴選項卡創建了主頁。第一個選項卡每15秒刷新一次。第二個和第三個標籤是一個快速搜索頁面。

我使用jQuery創建手風琴

$(function() { 
    $("#accordion").accordion(); 
}); 

var auto_refresh = setInterval(function() { 
    $('#divFirstTab').fadeOut('fast').load('/home/refresher/').fadeIn("slow"); 
}, 15000); 

當我擴大了第一個選項卡，它似乎正確地刷新網頁，但是當我在第二個選項卡（這是用戶有時可能會花這個頁面），15秒後，刷新第一個選項卡並展開第一個和第二個選項卡，我只希望第二個頁面被展開。

我的想法是忽略了自動刷新功能，如果第一個選項卡被隱藏。我如何確定第一個標籤是隱藏還是擴展？

Answer 1

檢查是否div有UI的手風琴內容主動類

$(function() { 
     $("#accordion").accordion(); 
    }); 

    var auto_refresh = setInterval(
    function() 
    { 
     $div = $('#divFirstTab'); 
     if ($div.hasClass('ui-accordion-content-active')) 
     { 
      $div.fadeOut('fast').load('/home/refresher/').fadeIn("slow"); 
     } 
    }, 15000);