[Website]: Accordions expanded by default

[joshbruce]

Issue type

• Website

What happened

Many of the accordions on the site specify whether they are collapsed or not.

uswds/uswds#1122

The solution offered was to have the accordions expanded by default and have JS collapse them on page load. Therefore, there is no need to specify an accordion as collapsed - only whether it should be expanded on page load. Example:

<!-- NO --> 
<button class="usa-button-unstyled" aria-expanded="false" aria-controls="collapsible-0">
  Accordion title
</button>
<div id="collapsible-0" class="usa-accordion-content" aria-hidden="true">
  <pre><code class="language-markup">
    <!-- some markup -->
  </code></pre>
</div>

<!-- YES - collapsed by default --> 
<button class="usa-button-unstyled" aria-controls="collapsible-0">
  Accordion title
</button>
<div id="collapsible-0" class="usa-accordion-content">
  <pre><code class="language-markup">
    <!-- some markup -->
  </code></pre>
</div>

<!-- YES - expanded by default --> 
<button class="usa-button-unstyled" aria-expanded="true" aria-controls="collapsible-0">
  Accordion title
</button>
<div id="collapsible-0" class="usa-accordion-content" aria-hidden="false">
  <pre><code class="language-markup">
    <!-- some markup -->
  </code></pre>
</div>

Probably going to be related to #26

What I expected

Accordions would be using the latest solution from the USWDS.

Steps to reproduce the issue [optional]

1. Open /_includes/elements/actions.html - see accordions

[joshbruce]

Because this is going to effect a lot of pages - maybe this should be a milestone?

[joshbruce]

Solved with the good work of @anuragmundada-reisys - Thanks!

See #37 and related PRs.