title: Collapse amp-accordion with close button within accordiandiv
body: <p>I have an AMP-HTML page where the user can expand an amp-accordion but the list is quite long.  To close the accordion the user must scroll way up to the top title to close.  I am hoping to add a close button at the bottom of the list that will collapse the accordion.  I can't use Jquery or inline javascript because it is AMP valid.  Here is what I have tried.  I know you can do this on a normal div, just having trouble getting it to work within an accordion. Thanks for any help you can provide. </p>
  
  <pre><code>&lt;amp-accordion class="accordion"&gt;
  &lt;section id="topranked"&gt;
      &lt;h4 class="bg-rust-light"&gt;Top places in Boise&lt;i class="fa fa-plus"&gt;&lt;/i&gt;&lt;/h4&gt;
      &lt;div class="accordiondiv" id="toprankedhide"&gt;
          &lt;p class="half-bottom center big-text"&gt;&lt;i class="fa fa-star fa-2x color-ship-dark"&gt;&lt;/i&gt;&lt;br&gt;
          Based on &lt;strong&gt;32,000 reviews&lt;/strong&gt; from our guests&lt;/p&gt;
              &lt;a class="button bg-gray-light border-gray-dark button100 big-text" href="/official.asp?ID=1"&gt;Company1&lt;/a&gt;&lt;br&gt;&lt;a class="button bg-gray-light border-gray-dark button100 big-text" href="/official.asp?ID=1"&gt;Company2&lt;/a&gt;&lt;br&gt;
  &lt;a class="button bg-gray-light border-gray-dark button100 big-text" href="/official.asp?ID=1"&gt;Company3&lt;/a&gt;
              &lt;button on="tap:toprankedhide.hide"&gt;Close&lt;/button&gt;
              &lt;/div&gt;
          &lt;/section&gt;
      &lt;/amp-accordion&gt;
  </code></pre>