Allow users to close submenu accordions on mobile menu

[johnnyporkchops]

What we're after: The mega menus use an accordion interaction in mobile view, when the menu is accessible via the hamburger icon. Currently a plus sign turns into a minus sign when one clicks to open the menu. However the minus symbol to close the accordion does not work. In order to improve the usability of the mobile menu, we need to make it so that when a user clicks the icon the menu is properly closed.

Beyond that, following U.S. design principles, we should also enable the entire row, so that selecting anywhere on that header, a user can successfully close the accordion.

Completion criteria:

• Make the entire submenu header/bar clickable to that users can select anywhere on that row to close the accordion

[JonellaCulmer]

@johnnyporkchops Is it possible to make it so the minus signs can close an accordion? When we use the accordion feature on other parts of the site, such as on data tables, selecting the minus sign does close those accordions. I think I'd prefer that that functionality be consistently applied in the mobile menu as well.

[johnnyporkchops]

USWDS Accordion:
https://designsystem.digital.gov/components/accordions/
For more reference:
https://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html

[JonellaCulmer]

That's great guidance you shared! So instead of it just being the icons, we should make it so that clicking that entire bar would either open or close the accordion, but I still think the icons should remain in place and not disappear.

[johnnyporkchops]

@JonellaCulmer, I agree with your comments above. Lets pair on this to groom this issue more and determine how much of a lift it will be.

[JonellaCulmer]

@johnnyporkchops Great! I'll add it to 6.5 work so we don't lose track of it.

[AmyKort]

@JonellaCulmer can you take a crack at updating this ticket?

[lbeaufort]

@johnnyporkchops I can't reproduce this issue, can you?

[JonellaCulmer]

I can't either, but it reminded me of another problem I found.

#3313

[patphongs]

I am able to collapse the accordions on mobile. I will close this ticket, we'll re-prioritize #3313 somewhere to fix it.