In this step, you will add an WijAccordion control to associate with the panel to create the accordion and set some of its properties.
- While still in Source view, use the following markup to add a WijAccordion control to the page and set the TargetControlID to Panel1.
<cc1:WijAccordion ID="Panel1_WijAccordion" runat="server"
TargetControlID="Panel1">
</cc1:WijAccordion>
- Select View | Properties Window in the Visual Studio menu.
- Click the drop-down list at the top of the window and select Panel1_WijAccordion.
- Next to the ExpandDirection property, click the drop-down arrow and select Right.
- Expand the Animated node and set Effect to fade.
In the next step, run the project to see your accordion.