0

タブ内にアコーディオンを配置する際に問題があります。

<div class="section-container tabs" data-section="tabs">
    <section>
        <p class="title" data-section-title><a href="#">Tab1</a></p>
        <div class="content" data-section-content>
        <div class="section-container accordion" data-section="accordion">
             <section>
                  <p class="title" data-section-title><a href="#">Year 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="#">Year 2</a></p>
                    <div class="content" data-section-content>
                          <p>Content of section 2.</p>
                    </div>
             </section>
        </div>
      </div>             
    </section>
</div><!-- tabs -->

それらは表示されますが、クリックしてもアコーディオンが開きません。作る方法はありますか？

4

2 に答える 2

0

どこにもデータスラッグは必要ありません。解決済み CSS の書き換え

.accordion > section.active > .content { display: block; position: relative;}

于 2013-06-11T20:51:38.557 に答える
0

何が何を開いているかを知るために、データスラッグがありませんでした:

<div class="section-container auto" data-section>
  <section>
    <p class="title"><a href="#section1">ROOT: Section 1</a></p>
    <div class="content" data-slug="section1">
      <p>Content 1 Summary Paragraphs</p>



      <div class="section-container auto accordion" data-section="accordion">
        <section>
          <p class="title"><a href="#section1-1">DETAIL: #1</a></p>
          <div class="content" data-slug="section1-2">
            <p>Detail awesome stuff!</p>
          </div>
        </section>
        <section>
          <p class="title"><a href="#section1-2">DETAIL: #2</a></p>
          <div class="content" data-slug="section1-2">
            <p>Detail awesome stuff numeroe duo.</p>
          </div>
        </section>
      </div>
    </div>
  </section>
  <section>
    <p class="title"><a href="#section2">ROOT: Section 2</a></p>
    <div class="content" data-slug="section2">
      <p>Content 2</p>
    </div>
  </section>
</div>
于 2013-06-11T08:00:12.757 に答える