带有物品标签的手风琴容器

问题描述 投票:0回答:1

根据F6的文档,我们可以使用手风琴容器而不是ul标签。或者,我无法使用文章标签。

这个问题似乎是因为.accordion-title不是.accordion-item的直接子项。不幸的是,在我的用例中,我需要在标题标记中包含带有.accordion-title类的标记。

有谁会知道如何解决这个问题?

谢谢,

这是我的用例的一个例子:

<div class="accordion" enter code here
      data-multi-expand="true" 
      data-allow-all-closed="true" 
      data-accordion>
  <article class="accordion-item" data-accordion-item>
    <header>
      <h3>
        <a href="#" class="accordion-title">Group Name</a>
      </h3>
    </header>
    <div class="accordion-content" data-tab-content>
      <p>Hello World</p>
    </div>
  </article>
</div>
zurb-foundation zurb-foundation-6
1个回答
0
投票

正如您所知,它与<article>标签无关,而是需要直接的子单击触发器。

使用<article>的示例

https://codepen.io/rafibomb/pen/pGKZYg

如果没有JS修改,它可能无法按照您的方式工作。

© www.soinside.com 2019 - 2024. All rights reserved.