<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AccordionDemo.aspx.cs" Inherits="AccordionDemo" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
   <title>Kontrolka Accordion</title>

   <script type="text/javascript">
    
      function pageLoad() {
      }
    
   </script>

   <style type="text/css">
      .header 
      {
         background-color: Aqua;
         padding : 5px;
         border : solid 1px black;
         color : Black;
      }
      .selectedheader
      {
         background-color: Green;
         padding : 5px;
         border : solid 1px black;
         color : Yellow;
      }
      .content
      {
         padding: 5px;
         font-style: italic;
         font-family: Arial;
      }
   </style>
</head>
<body>
   <form id="form1" runat="server">
   <div>
      <asp:ScriptManager ID="ScriptManager1" runat="server" />
      <cc1:Accordion ID="Accordion1" runat="server" RequireOpenedPane="false" 
         HeaderCssClass="header" HeaderSelectedCssClass="selectedheader" ContentCssClass="content"
         FadeTransitions="false" TransitionDuration="2000" FramesPerSecond="5"
         AutoSize="Limit">
         <Panes>
            <cc1:AccordionPane runat="server" ID="pane1">
               <Header>Pytanie</Header>
               <Content>Dlaczego programista przeszedł na drugą stronę drogi?</Content>
            </cc1:AccordionPane>
            <cc1:AccordionPane runat="server" ID="pane2">
               <Header>Ta odpowiedź nie jest zabawna</Header>
               <Content>Ponieważ kurczak miał pistolet</Content>
            </cc1:AccordionPane>
         </Panes>
      </cc1:Accordion>
   </div>
   </form>
</body>
</html>
