You can add C1AccordionPanes to the accordion using the Accordion Designer Form and then add content in the source markup.

1. Click the C1Accordion smart tag and in the C1Accordion Tasks menu, click Edit Panes to add new C1AccordionPanes toC1Accordion. Alternatively, you can add panes by clicking Add new pane in the C1Accordion Tasks menu.
2. Click the Add Child Item button three times to add three panes and then click OK to close the Accordion Designer Form.
3. Click the Source tab on your form to switch to Source view.
4. Add a title and some content to C1Accordion1Pane1 within the <C1Accordion:C1AccordionPane></C1Accordion:C1AccordionPane> tags. For example:

   	Copy Code
   <Header> Header 1 </Header> <Content> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </Content>

5. Add a title and some content to C1Accordion1Pane2 within the <C1Accordion:C1AccordionPane></C1Accordion:C1AccordionPane> tags. For example:

   	Copy Code
   <Header> Header 2 </Header> <Content> Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus. </Content>

6. Add a title and some content to C1Accordion1Pane3 within the <C1Accordion:C1AccordionPane></C1Accordion:C1AccordionPane> tags.For example:

   	Copy Code
   <Header> Header 3 </Header> <Content> Sed facilisis placerat commodo. Nam odio dolor, viverra eu blandit in, hendrerit eu arcu. </Content>

7. Press F5 to run the application and click the headers to open the content panes.