小编lau*_*ess的帖子

我正在使用Zurb Foundation来建立一个快速响应的网站.我想使用以下HTML结构将手风琴嵌入手风琴中:

<ul class="accordion">
    <li class="active">
        <div class="title">First Accordion Panel Title</div>
        <div class="content">First Accordion Panel Content</div>
    </li>
    <li>
        <div class="title">Second Accordion Panel Title</div>
        <div class="content">Second Accordion Panel Content</div>
    </li>
    <li>
        <div class="title">Parent Accordion Panel Title</div>
        <div class="content">

            <ul class="accordion">
                <li class="active">
                    <div class="title">Child Accordion Panel Title</div>
                    <div class="content">Child Accordion Panel Content</div>
                </li>
                ...
            </ul>

        </div>
    </li>
</ul>

看起来像这样的设置,当打开父手风琴面板时,后续的儿童手风琴面板被打开(或者至少有一些标志被设置为打开,因为箭头指向下方像开放的父母一样)并且儿童手风琴功能被打破.我可以在Foundation父手风琴中添加一个jQuery UI手风琴,但它不像父母一样响应,因此可能首先打败使用Foundation的目的.

有没有人成功完成这个？