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

Question

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

Answer 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()
        }
    }
});

Answer 2

以下将起作用。

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

Answer 3

您是否尝试在主选项卡div中显示所有div？

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

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

Answer 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();
                }
            }
        }
    )