2016-07-08 12 views
0

私はいくつかのタブがあります。すべてがデフォルトで折りたたまれています。ユーザーがボタンをクリックすると、最初にタブが開きます。Jqueryタブ。それらのいずれかが開いているかを確認してください

ここで、タブが開いているかどうかを確認して、同じボタンをもう一度クリックすると、すべてのタブが折りたたまれます。私は変数を使用して状態を保存することを考えていましたが、ライブラリが既にこのための解決策を提供しているかどうかはわかりません。

+0

多分このような何か? https://jqueryui.com/accordion/#collapsible –

+0

それはアコーデオンです:) – Eduardo

+0

私はあなたの記事の「崩壊」部分を理解していませんでした。例がありますか? –

答えて

1

任意のタブがtabsactivateイベントを使用して、開いている場合は、最初に確認することができます。

:真のクローズすべてのタブは次のように optionを使用している場合、その変数のためのあなたのクリックのコードチェックの内側に、

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

今と

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

恐ろしい、ありがとう – Eduardo

関連する問題