How To Make Ajax Accordion Visible Based On Drop

I have a drop down list as stated below,

<asp:DropDownList ID="ddlStandardReports" runat="server" Height="25px" Style="font-family: Arial"
Width="250px">
<asp:ListItem Value="1">Patient Information Report</asp:ListItem>
<asp:ListItem Value="2">Patient Billing Report </asp:ListItem>
<asp:ListItem Value="3">Bill Collection Report</asp:ListItem>

Now for this 3 dropdownlist values, I have 3 Ajax Accordions in which i have designed my reports as stated below,

<div class="style1">
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<div style="padding: 10px; width: 98%">

[code]....

Actually i have 20 reports like this (ie;2O DROPDOWNLIST VALUES AND 20 ACCORDIONS ONE FOR EACH),for reference i have added only 3 dropdownlist values and 3 accordions of code here.

My requirement is , on page_load only the first report (Patient Information Report)should be selected in dropdownlist and the report for the same(accordion)should be visible, and now if i select some other report name in the dropdownlist then that particular report accordion only should be visible,and all other reports(accordions)should be not visible.