Changes from V2

• Do not render collapsed content
• Allow disclosure indicator to be top-aligned
• Allow fully-customizable carets
• Removes as many default styles as possible
• Change header resets to inline styles
• Replace custom passed-in styles with a class-based styling approach (for performance reasons -- getting elm-css class names is too slow.)
• Prevent default browser event on arrow keys (so that the page doesn't scroll when the focus changes)
• Support multiple levels of accordions

Example

view : Model -> Html Msg
view model =
    div []
        [ Accordion.view
            { entries =
                [ AccordionEntry
                    { caret = Accordion.defaultCaret
                    , content = \() -> text "Accordion Content"
                    , entryClass = "a-class-distinguishing-this-accordion-from-others-on-the-page"
                    , headerContent = text "Accordion Header"
                    , headerId = "a-unique-id-for-this-accordion-header-button"
                    , headerLevel = Accordion.H1
                    , isExpanded = model.isAccordionOpen
                    , toggle = Just ToggleAccordion
                    }
                    []
                ]
            , focus = Focus
            }
        , Accordion.styleAccordion
            { entryStyles = []
            , entryExpandedStyles = []
            , entryClosedStyles = []
            , headerStyles = []
            , headerExpandedStyles = []
            , headerClosedStyles = []
            , contentStyles = []
            }
        ]