From: Andy Hebrank Date: Thu, 21 Jan 2016 16:29:16 +0000 (-0500) Subject: add data-accordion-item to accordion docs X-Git-Tag: v6.1.2~17^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F7958%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git add data-accordion-item to accordion docs --- 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