Accordion

GitHub Source Link @nycopportunity/standard/src/components/accordion

Demonstration
  1. Apply online using ACCESS HRA. You can apply for Cash Assistance, SNAP, and Medicaid Renewal all at the same time.
  2. Scan your documents using the NYC HRA Document Upload app available for free on the iTunes Store (for iPhones) or the Google Play Store (for Android phones).
  3. After you submit your application, you will be contacted to do an eligibility interview. You can do your interview over the telephone without having to come into a SNAP center.
  4. You can check the status of your application by going to ACCESS HRA.
  5. You will need to recertify for SNAP once every year. The SNAP office will mail you a recertification packet for you to complete and mail back to HRA or recertify online on ACCESS HRA. Once you submit your recertification, you will be able to set up your preferred interview date and time by calling the On Demand interview phone line at 718-SNAP-Now (718-762-7669).

Apply online

Code

The Accordion is a group of expandable and collapsible header and content regions intended to consolidate the amount of space content will occupy on a page. Further guidance on Accordions can be found on the U.S. Web Design System (USWDS) site. Within the Opportunity Standard, when implementing multiple region groups stacked on one another, the first region should be open when the user lands on the page. Additionally, more than one region may be open at the same time.

Usage Anchor Link Usage

Global Script

The Accordion requires JavaScript for functionality and screen reader accessibility. To initialize the Accordion instance from the global script use the following code:

<script src="https://cdn.jsdelivr.net/gh/nycopportunity/standard@v0.0.20/dist/js/default.js"></script>

<script>
  var Standard = new Default();

  Standard.accordion();
</script>

This function will attach the accordion toggling event to the body of the document.

Module Import

For module imports, import the Accordion module from the source.

import Accordion from '@nycopportunity/standard/src/components/accordion/accordion';

new Accordion();