1

ページに 2 つのタブがあり、両方のタブを閉じた状態でページを初期化したいと考えています。私はそれを働かせることができません。アコーディオンに切り替えると、両方を閉じて初期化できます。

タブの別のプロパティはありますか?

また、すでに開いているタブをクリックすると、タブが閉じられると思います。しかし、そうではありません。

<div class="section-container auto tabs" data-section data-options="one_up: false;">
  <section>
    <p class="title" data-section-title><a href="#">Section 1</a></p>
    <div class="content" data-section-content>
      <p>Content of section 1.</p>
    </div>
  </section>
  <section>
    <p class="title" data-section-title><a href="#">Section 2</a></p>
    <div class="content" data-section-content>
      <p>Content of section 2.</p>
    </div>
  </section>
</div>

http://jsbin.com/omuvik/1/

4

1 に答える 1

1

通常、タブ付きコンテンツには常に 1 つのセクションが開いているため、これは Foundation チームの設計上の決定であると思います。すべてのアコーディオン要素がタブになるブレークポイントまで閉じた状態でブラウザー ウィンドウのサイズを変更すると、最初の要素が強制的に開かれ、意図的な動作のように見えます。

data-options 属性でコールバック関数を設定してみてください。すべてのタブ セクションから「アクティブな」クラスを削除すると、すべてが閉じられます。

于 2013-06-25T18:14:04.737 に答える