Скрытие автообновляющейся вкладки Аккордеон

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-accordion-content-active class

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