Animated Pure CSS accordion

<main>
  <h1>CSS only accordion, nearly accessible</h1>
    
  <label for="tota11y-open-close">Expand all sections?</label>
    
  <ul class="tota11y-accordion" aria-label="FAQs accordion">
      <li>
         <a href="#acc1" id="#accLink1">Short Item, No Scroll</a>
         <section class="content" id="acc1" aria-labelledby="accLink1">
              <ul>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
              </ul>
          </section>
      </li>
      <li>
          <a href="#acc2" id="#accLink2">Long Item, Has Scroll, No Focusable Content</a>
          <section class="content" id="acc2" aria-labelledby="accLink2">
              <ul>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
              </ul>
          </section>
      </li>
      <li>
          <a href="#acc3" id="#accLink3">Long Item, Has Scroll, Focusable Content</a>
          <section class="content" id="acc3" aria-labelledby="accLink3">
              <ul>
                  <li>Item <a href="#">Focusable link</a></li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
                  <li>Item</li>
              </ul>
          </section>
      </li>
  </ul>
</main>