The Accordion Component in the AJAX Control Toolkit

The Accordion is rich with many properties, methods and related events as you may see from the screen shot from the object browser in the next picture. Some of the properties used in this tutorial are AutoSize, ContentCSSClass, HeaderCSSClass, and so forth that you will see in the source code of the finished page. Accordion is a container and its contents go into Panes, which you will see down the list.

The AccordionPane Component

The AccordionPane is also a container which houses the header and the content. The Accordion Panes will all get inside the Accordion in the Panes. The properties and methods of the AccordionPane are shown in the object browser screen shot in the next picture.

The Ajax Extensions

The next picture shows the AJAX extensions and the components that are bundled with the ACT. The ScriptManager provides the JavaScript extensions necessary for the ACT. It must be present when you add any of the other ACT components so that the client script is handled properly. Adding this control is very much like registering the script for the MS AJAX library.