Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何与多个孩子一起制作amp手风琴(有些孩子会有孙子)_Html_Amp Html - Fatal编程技术网

Html 如何与多个孩子一起制作amp手风琴(有些孩子会有孙子)

Html 如何与多个孩子一起制作amp手风琴(有些孩子会有孙子),html,amp-html,Html,Amp Html,我正在尝试在我的amp页面上实现amp手风琴。根据我的要求,我的手风琴的某些部件将有孙子 有人做过这样的事吗。我试图在本页最后一个例子中添加一些关于游乐场的项目。 它总是以无效代码结束。我如何制作一个手风琴,它将与孩子和孙子(2个孩子的孩子)一起工作 一级嵌套代码 <amp-accordion disable-session-states> <section> <h4>Section 1</h4> <p>Bunch

我正在尝试在我的amp页面上实现amp手风琴。根据我的要求,我的手风琴的某些部件将有孙子

有人做过这样的事吗。我试图在本页最后一个例子中添加一些关于游乐场的项目。 它总是以无效代码结束。我如何制作一个手风琴,它将与孩子和孙子(2个孩子的孩子)一起工作

一级嵌套代码

<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>