安培手风琴链接到部分标题

Question

在AMP页面菜单中，我们有一些部分没有任何孩子。在这种情况下，我们希望直接链接到部分标题。我们无法做到这一点。任何帮助/在这方面的指针将不胜感激。例如，在下面的代码中，想链接到“嵌套部分2.1”，点击哪个应该直接进入目标页面（并且不打开该部分）。

<amp-accordion> 
<section> 
    <h4>Section 1</h4> 
    <p>Bunch of content.</p> 
</section> 
<section> 
    <h4>Section 2</h4> 
    <amp-accordion class="nested-accordion"> 
    <section> 
     <h4>Nested Section 2.1</h4> 
     <p>Bunch of content.</p> 
    </section> 
    <section> 
     <h4>Nested Section 2.2</h4> 
     <p>Bunch of more content.</p> 
    </section> 
    </amp-accordion> 
</section> 

Answer 1

我其实不是很了解AMP页，仍在试图了解它，但是从AMP's official documentation为主，amp-accordion的行为有以下几种：

• 的安培 - 手风琴可以包含一个或多个<section>作为其直接的孩子。
• 每个<section>必须包含正好两个直接的孩子。
• 第一个孩子（该部分）必须是h1，h2，...，h6，标题之一，并且是该部分的标题。
• 第二个孩子（该部分）可以是AMP HTML中允许的任何标签，并且是该部分的内容。
• 单击/点击部分标题可展开/折叠部分。

您可能还需要检查10 Important Accelerated Mobile Pages (AMP) Components You Should Know有帮助的见解。

希望有帮助！

Answer 2

不要将这些部分为手风琴和他们的风格匹配Accordion标题，例如：

<amp-accordion> 
<section> 
    <h4>Section 1</h4> 
    <p>Bunch of content.</p> 
</section> 
<section> 
    <h4>Section 2</h4> 

    <div> 
    <h4><a href="...">Nested Section 2.1</a></h4> 
    <amp-accordion class="nested-accordion"> 
     <section> 
     <h4>Nested Section 2.2</h4> 
     <p>Bunch of more content.</p> 
     </section> 
    </amp-accordion> 
    </div> 

</section>