Html 如何与多个孩子一起制作amp手风琴(有些孩子会有孙子)
我正在尝试在我的amp页面上实现amp手风琴。根据我的要求,我的手风琴的某些部件将有孙子 有人做过这样的事吗。我试图在本页最后一个例子中添加一些关于游乐场的项目。 它总是以无效代码结束。我如何制作一个手风琴,它将与孩子和孙子(2个孩子的孩子)一起工作 一级嵌套代码Html 如何与多个孩子一起制作amp手风琴(有些孩子会有孙子),html,amp-html,Html,Amp Html,我正在尝试在我的amp页面上实现amp手风琴。根据我的要求,我的手风琴的某些部件将有孙子 有人做过这样的事吗。我试图在本页最后一个例子中添加一些关于游乐场的项目。 它总是以无效代码结束。我如何制作一个手风琴,它将与孩子和孙子(2个孩子的孩子)一起工作 一级嵌套代码 <amp-accordion disable-session-states> <section> <h4>Section 1</h4> <p>Bunch
<amp-accordion disable-session-states>
<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>
</amp-accordion>
第一节
一堆内容
第二节
第2.1节
一堆内容
第2.2节
更多内容
您会遇到什么样的错误
原因可能是节标记内有两个以上的子项。
每个部分必须有两个孩子。作为一种解决方法,您可以将其他元素包装在一个div中,这样您就只能有两个子元素
稍后编辑:
你可以有A(在我们的例子h4中)和B(在我们的例子div中),其中包括C,D,E
<amp-accordion disable-session-states>
<section>
<h4>Section</h4>
<div class="wrap-list">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
</section>
</amp-accordion>
部分
- 一,
- 二,
- 三,
为什么不使用复选框切换显示/隐藏 试试这个序列(如果我没有弄错你的问题)
你的头衔在这里
您的第一级子标题在这里
这里是你的第二个孩子头衔1
...
这里是你的第二个孩子头衔2
...
等等……请分享您的code@Zedka,这正是我面临的问题,我有一个可以生孩子的a B C。这个东西不符合要求。请尝试将其他孩子包装到另一个元素中,如上面的示例所示。它是导航栏,请查看Guardian,我的实现与那个非常相似,但在实现中我有childs之子。在这种情况下,使用复选框会很奇怪。检查我的ex:0级使用收音机,1级使用复选框我要去度假,下周我会来,如果我能连接互联网,我会很明显地尝试你的例子。谢谢你帮我,:)
<amp-accordion>
<section>
<h4>Your title here</h4>
<div>
<amp-accordion> <!-- your first level child here -->
<section>
<h4>Your first level child title here</h4>
<div>
<amp-accordion> <!-- your second level child here -->
<section>
<h4>your second child title-1 here</h4>
<div>...</div>
</section>
<section>
<h4>your second child title-2 here</h4>
<div>...</div>
</section>
</amp-accordion>
</div>
</section>
</amp-accordion>
</div>
</section>
</amp-accordion>