jquery - このタブの非表示のタブ コンテンツを表示する jqueryui

Question

非表示の要素を持つタブに iframe があり、タブを開いたときに要素を表示したい。

この要素（同じクラス）もすべてのタブの下にありますが、現在のタブの下の要素のみを表示したいです。

これが私の非動作の試みです：

$("#tabs").tabs({
    collapsible: true,
    show: function(event, ui) { 
        ui.find("iframe").contents().find("#hidden").show();
    }
});

訂正していただければ幸いです。

Answer 1

uiの代わりにui.panelを使用したいと思います。uiパラメーターのpanel属性は、表示されている現在のパネル（タブ）になります。

$("#tabs").tabs({
        collapsible: true,
        show: function(event, ui) { 
                ui.panel.find("iframe").contents().find("#hidden").show();
        }
});