Показать все содержимое вкладок на вкладках пользовательского интерфейса jQuery

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

для вкладок 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();
                }
            }
        }
    )

Answer 3

Следующее будет работать.

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

Answer 4

Вы пытались показать все элементы div в элементе div основной вкладки?

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

Это может быть хорошим и простым решением.