带有文章标签的手风琴容器

Question

根据 F6 的文档，我们可以将手风琴容器与 ul 标记一起使用。或者，我无法让它与 article 标记一起使用。

这个问题似乎是由于 .accordion-title 不是 .accordion-item 的直接子元素。不幸的是，在我的用例中，我需要将 a 标签与 .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>

Answer 1

如您所见，它与<article> 标记无关，而是需要一个直接的子点击触发器。

使用<article> 的示例

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

如果不修改 JS，它可能无法按照您想要的方式运行。