在 jQuery UI 选项卡中显示所有选项卡内容

【问题标题】：Show all tab content in jQuery UI tabs在 jQuery UI 选项卡中显示所有选项卡内容
【发布时间】：2011-02-14 14:35:55
【问题描述】：

如何使用jQuery UI tabs 在“全部”选项卡中显示所有窗格？

【问题讨论】：

【解决方案1】：

我有一个解决方案。我所做的是：

var user_tabs = $("#user-tabs").tabs({
    select: function(event, ui) {
        if (ui.index == 0) {
            $("div[id^=tabs-pane-]").show();
        } else {
            $("div[id^=tabs-pane-]").hide();
            $(ui.panel).show()
        }
    }
});

【讨论】：

【解决方案2】：

您是否尝试在主标签 div 中显示所有 div？

function ShowAll(){
  $('div#tabs div').show()
}

这可能是一个不错且简单的解决方案。

【讨论】：

【解决方案3】：

以下将起作用。

$("div.ui-tabs-hide").removeClass("ui-tabs-hide");

【讨论】：

【解决方案4】：

对于 jquery ui 标签 1.12.1：

$("#user-tabs").tabs(
    {activate:
            function(event, ui) {
                if ( "do some checking here if the special show-all tab was selected") {
                    $("div[id^='tabs-pane-']").show();
                }
            }
        }
    )

【讨论】：