<html xmlns="http://www.w3.org/1999/xhtml" ><head id="Head1" runat="server"><style type="text/css">
.HeaderCSS
{
color:Snow;
background-color:DarkSalmon;
font-size:medium;
border:solid 1px Pink;
font-weight:bold;
padding-left:15px;
}
.HeaderSelectedCSS
{
color:Snow;
background-color:Salmon;
font-weight:bold;
border:solid 1px Pink;
font-style:italic;
font-size:large;
height:35px;
padding-left:15px;
}
.ContentCss
{
background-color:OliveDrab;
padding:25px 25px 25px 25px;
}</style></head><body><form id="form1" runat="server"><div><asp:ScriptManager
ID="ScriptManager1"
runat="server"></asp:ScriptManager><asp:Accordion
runat="server"
ID="Accordion1"
HeaderCssClass="HeaderCSS"
HeaderSelectedCssClass="HeaderSelectedCSS"
ContentCssClass="ContentCss"
Width="600"
BorderColor="Crimson"
BorderWidth="2"
BorderStyle="Inset"
Height="300"
AutoSize="None"
FadeTransitions="true"
RequireOpenedPane="false"><Panes><asp:AccordionPane runat="server" ID="AccordionPane1"><Header>Banana</Header><Content><asp:Image ID="Image1" Height="250" runat="server" ImageUrl="http://upload.wikimedia.org/wikipedia/commons/8/8a/Banana-Single.jpg" /></Content></asp:AccordionPane></Panes></asp:Accordion></div></form></body></html>
How to make the accordion panel , when click it will open the panel and mouseover the panel will close, can anyone help me~ appreciate much~