带商品标签的手风琴容器

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修改，它可能无法按您希望的方式工作。