From 5e3fca689e0f447fb21dea7c05f024b9c668711c Mon Sep 17 00:00:00 2001 From: Andy Hebrank Date: Thu, 21 Jan 2016 11:29:16 -0500 Subject: [PATCH] add data-accordion-item to accordion docs --- docs/pages/accordion.md | 22 ++++++++++++---------- 1 file changed, 12 insertions(+), 10 deletions(-) diff --git a/docs/pages/accordion.md b/docs/pages/accordion.md index f7f01f7a6..89e182db0 100644 --- a/docs/pages/accordion.md +++ b/docs/pages/accordion.md @@ -15,12 +15,14 @@ The container for an accordion needs the class `.accordion`, and the attribute ` The default class for an accordion section is `.accordion-item`. Inside each section is a title, default `.accordion-title`, and corresponding content pane `.accordion-content`. Please note, the only opinionated component here is the use of an anchor `` for the title link, which controls the opening and closing of the pane. You can include your own attributes, or our JavaScript will assign it for you. JS assigned attributes include unique id's, aria attributes, and roles. You do still need to include the `data-tab-content` attribute for your content pane. +Note that the `data-accordion-item` attribute on each list item is required when not using `
  • `. + Loading a page with an open pane is achieved by adding the `is-active` class to one, (or more, if using the multiExpand option), `.accordion-item` element. This is the minimum markup for creating an Accordion with Foundation, repeating the `accordion-item`, `accordion-title`, and `accordion-content` elements as many times as you require. ```html