Tabs 在基座上使用手风琴 我在Zurb基金会4（最新版本）工作，我尝试用标签制作布局，每个标签包含一个手风琴布局的部分。

选项卡：

第一个手风琴的内容在这里


第二个手风琴的内容在这里

手风琴：

<div class="section-container accordion" data-section="accordion">
  <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>

第1节的内容


第2节的内容

我看到的结果是，每个部分（手风琴的制表符）总是一个制表符，并且是不连续的行为

这与另一个无关

我可以看到选项卡包含选项卡的示例，但没有一个具有混合部分（例如，具有垂直导航的选项卡，或具有水平导航的手风琴选项卡）

有人能让它工作吗？如果可能的话，不需要使用其他工具来支持基础框架。 提前谢谢你

编辑：

请随时在这里回复，否则我将交叉链接正确的回复

编辑2： 在未解决的位置发现已提交的问题。

最后，它开始工作

首先感谢@onecreative@codeZeilen和@PierceMore在这方面的帮助

因此，解决办法是：

• 从中克隆最新版本
• 移动到克隆回购协议的本地副本
• 创建一个css文件夹
• 安装sass/compass以从最新的scss代码生成全新的css
• 生成css文件：

  sass——查看scss/：css/

• 添加修复程序：

  .accordion>section>.content{border:none！重要；}

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

• 保存并重新加载，准备好了

对于其他情况，如将手风琴嵌套在手风琴中，以及JSFIDLE示例等；请在github上参考此内容，它终于可以工作了

首先感谢@onecreative@codeZeilen和@PierceMore在这方面的帮助

因此，解决办法是：

• 从中克隆最新版本
• 移动到克隆回购协议的本地副本
• 创建一个css文件夹
• 安装sass/compass以从最新的scss代码生成全新的css
• 生成css文件：

  sass——查看scss/：css/

• 添加修复程序：

  .accordion>section>.content{border:none！重要；}

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

• 保存并重新加载，准备好了

---

对于其他情况，如将手风琴嵌套在手风琴中，以及JSFIDLE示例等；请在github上查看此信息

您需要哪一个？手风琴在标签里？是的@沃恩。对不起我的英语，我需要标签，每个标签里面都有手风琴。你需要哪一个？手风琴在标签里？是的@沃恩。对不起，我的英语，我需要标签，每个标签里面都有手风琴。

<div class="section-container accordion" data-section="accordion">
  <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>