In this topic you will add a Panel control with some content that will eventually become the accordion content.

1. Begin by creating an ASP.NET Web application. Note that if using Visual Studio 2008, you must add a ScriptManager control to the form. If using Visual Studio 2005, the ScriptManager control is automatically added to the form.
2. While in Design view, navigate to the Visual Studio Toolbox and double-click the Panel control to add a panel to the main content of  your page.
3. Add some content to the panel. For example:
   

   
   <h3>Pane 1</h3>
           <div>
               <p>
       Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque.
       Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a
       nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada.
       Vestibulum a velit eu ante scelerisque vulputate.
               </p>
           </div>
           <h3>Pane 2</h3>
           <div>
               <p>
       Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus
       hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum
       tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna.
               </p>
           </div>
           <h3>
              Pane 3</h3>
           <div>
               <p>
       Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus
       pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque
       semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam
       nisi, eu iaculis leo purus venenatis dui.
               </p>
           </div>
           <h3>
              Pane 4</h3>
           <div>
               <p>
       Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada
       fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et
       ultrices posuere cubilia Curae; Aenean lacinia mauris vel est.
               </p>
               <p>
       Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class
       aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
               </p>
           </div>
   
   

   In the next step you will use the AccordionExtender control to create and customize the accordion.