4

プロジェクトでjQuery UI タブを使用しています。タブがクリックされるまで、ドキュメントの読み込み時にすべてのパネルを非表示にする簡単な方法があるかどうか疑問に思っています。デフォルトでは、jQuery UI はアクティブ化されたタブで開始され、対応するパネルが表示されます。どのタブを最初にアクティブにするかを指定できることは知っていますが、開始時にアクティブなタブもパネルも表示しないようにしたいと思います。

私のコードは非常に簡単です:

<div id="tabs">

     <ul>
          <li><a href="#faq1">Link 1</a></li>
          <li><a href="#faq2">Link 2</a></li>
          <li><a href="#faq3">Link 3</a></li>
     </ul>

     <div class="faq-panel" id="faq1">
          <!-- content -->
     </div>

     <div class="faq-panel" id="faq2">
          <!-- content -->
     </div>

     <div class="faq-panel" id="faq3">
          <!-- content -->
     </div>

</div>

そしてjQueryは標準です:

$( "#tabs" ).tabs();

すべてが正常に機能しているので、これを微調整したいだけです。私は検索して検索しましたが、これに関するドキュメントは見たことがありません。ありがとう!

4

1 に答える 1

12

マットがコメントで示唆しているように、それは次のとおりです。

$( "#tabs" ).tabs({collapsible: true, active: false });

例: jsFiddle

于 2013-05-16T21:41:24.017 に答える