jQuery 选项卡。检查其中任何一个是否打开

Question

我有一些标签。默认情况下全部折叠。如果用户单击一个按钮，第一个选项卡将打开。我想出了那部分：

jQuery(document).ready(function() {
    jQuery('#showFirstTab').on('click', function() {
        var tabObj = jQuery('#podcast-tabs li:first a');
        tabObj.tab('show');
        var programId = tabObj.data('programid');

        jQuery('#calendar-' + programId).fullCalendar('render');
    });
});

现在我需要检查是否打开了任何选项卡，然后再次单击同一个按钮，所有选项卡都应该折叠。我正在考虑使用变量来保存状态，但不确定库是否已经为此提供了解决方案。

Answer 1

您可以先使用tabsactivate 事件检查是否打开了任何选项卡：

var isActive = false;
$(".podcast-tabs").on("tabsactivate", function( event, ui ) {
    isActive = true;
});

现在，在您的点击代码中检查该变量，如果为真，则使用 option 关闭所有选项卡，例如：

if (isActive)
    $("#podcast-tabs").tabs("option", "active", false);