在基础上使用手风琴内标签

我正在与Zurb基金会4（最新版本）合作，我试图用制表符进行布局，每个制表符包含一个带有手风琴布局的部分。 foundation sections docs and examples 在基础上使用手风琴内标签

标签：

<div class="section-container tabs" data-section="tabs"> 
    <section> 
    <p class="title" data-section-title><a href="#">Section 1</a></p> 
    <div class="content" data-section-content> 
     <p>First Accordion-ed content goes here.</p> 
    </div> 
    </section> 
    <section> 
    <p class="title" data-section-title><a href="#">Section 2</a></p> 
    <div class="content" data-section-content> 
     <p>Second Accordion-ed content goes here.</p> 
    </div> 
    </section> 
</div>

手风琴：

<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>

结果我看到的，是每个部分（标签ö手风琴）始终是一个选项卡，和正常的行为。

此心不是与该其他question

相关的I可以看到含有选项卡的选项卡的例子，但没有一个具有混合部（卡口与垂直-NAV，或手风琴具有水平-NAV，例如）。

任何人都可以使它工作？如果可能的话，不要使用基础框架以外的其他工具。

感谢提前。

编辑：

，请随时点击这里回复或here我会交联正确的响应。

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

来源

2013-05-12 jfunez

您需要哪一个？选项卡内的手风琴？ – 2013-05-12 08:29:50

是的！ @vonv。对不起，我的英语，我需要标签，每个标签，里面显示一个手风琴。 – jfunez 2013-05-12 08:32:25

最后它的工作。

一切都归功于首先要@onecreative @codeZeilen和@piercemoore帮助在issue

因此，解决办法是：

克隆最新版本从github repo
移动到的本地副本克隆回购
创建一个css文件夹
安装sass/compass从最新的scss代码生成全新的css。
生成CSS文件：sass --watch scss/:css/
添加修订：

.accordion > section > .content { border: none !important; }

.accordion > section.active > .content { display: block; position: relative;}
保存并重新加载，它已经准备好！

对于其他人的情况下，像手风琴内嵌套手风琴，和scss hack to properly fix at scss level，和的jsfiddle例子，like this one working example多;请参阅github上的issue

来源

2013-05-18 11:07:29 jfunez

在基础上使用手风琴内标签

回答

相关问题