title: how to implement tab functionality in an app?
body: <p>I am trying to implement tab functionality without using <code>js</code> .I got the example from here</p>
  
  <p><a href="https://ampbyexample.com/advanced/tab_panels_with_amp-selector/" rel="nofollow noreferrer">https://ampbyexample.com/advanced/tab_panels_with_amp-selector/</a></p>
  
  <p>I am able to use this example when I have only <code>two</code> tabs.
  see output
  <a href="https://jsbin.com/vixaquloki/edit?html,output" rel="nofollow noreferrer">https://jsbin.com/vixaquloki/edit?html,output</a></p>
  
  <p>But when I tried to make nested tab  "<strong>tabs inside a another tabs" .</strong>.It show nothing .why ?
  see my code</p>
  
  <p>but when I click <code>tab one</code> it show both inside <code>tabs</code> ..but when I click <strong>"inside Tab one"</strong> it hide every thing why ?</p>
  
  <pre><code>&lt;amp-selector role="tablist"
                layout="container1"
                class="ampTabContainer"&gt;
      &lt;div role="tab"
           class="tabButton"
           selected
           option="a"&gt;Tab one&lt;/div&gt;
      &lt;div role="tabpanel"
           class="tabContent"&gt;
  </code></pre>