<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Test.Default" EnableViewState="true" %><%@ Register TagPrefix="asp" Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit"%><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><title></title></head><body><form id="form1" runat="server"><asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager><asp:Accordion ID="Accordion1" runat="server" RequireOpenedPane="true" SelectedIndex="0"
FadeTransitions="true" ><Panes><asp:AccordionPane runat="server" ID="AccordionPane1"><Header>h1</Header><Content>c1</Content></asp:AccordionPane><asp:AccordionPane runat="server" ID="AccordionPane2"><Header>h2</Header><Content>c2</Content></asp:AccordionPane><asp:AccordionPane runat="server" ID="AccordionPane3"><Header>h3</Header><Content>c3</Content></asp:AccordionPane><asp:AccordionPane runat="server" ID="AccordionPane4"><Header>h4</Header><Content>c4</Content></asp:AccordionPane></Panes></asp:Accordion></form></body></html>The displayed result is
<div id="AccordionPane1_header">h1</div> <div id="AccordionPane1_content" style="display: block;">c1</div> <div id="AccordionPane2_header">h2</div> <div id="AccordionPane3_header">h3</div> <div id="AccordionPane4_header">h4</div> <div></div>
I can't switch between each panel by clicking h1/h2/h3/h4
What's wrong here?