Accordion >  Div > Element

Accordions allow you to show a single element of content at a time. A Div tag must have the class of “accordion”. Each div that’s a direct child element of this Div will be considered an item. The div tag can optionally have a “header” with raw text or a child element with the class “header” to act as its header. An example of set up is below:

<div id="Acc1" class="accordion">
    <div header="Accordion item #1">Accordion item #1 contents.</div>
    <div>
        <span class="header">Accordion item #2</span>
        Accordion item #2 contents.
    </div>
</div>

Requires

Awesome
AwesomeVisuals
AwesomeControls

DeclarativeAttributes

effect Default: "none" Effect to use when displaying the accordion items. See more on Effects.
headerclass Default: "header" Class to apply to the header of each item.
itemclass Default: "item" Class to apply to each item.
selectedclass Default: "selected" Class to apply to the header of the selected item.

Constructors

Accordion() Creates a new Accordion control.
Accordion(String id) Creates a new Accordion control with the given id.

Fields

Items Array of AccordionItem.

Property Functions

Effect(Effects effect) Gets or sets the effect used to change the selected accordion item.  
HeaderClass(String className) Gets or sets whether the class applied to the header of each item.  
ItemClass(String className) Gets or sets the class applied to each item.  
SelectedClass(String className) Gets or sets the class applied to the header of each item..  
SelectedItem(DateTime date) Gets or set the currently selected item.  

Styling

The Accordion has specific parts that can be individually styled. Items are styled with the ItemClass, the selected header is styled with SelectedClass, and each header of each item is styled with HeaderClass.

Last edited Oct 30, 2011 at 11:05 PM by dahrkdaiz, version 1

Comments

No comments yet.