update panel trigger and animation use in asp.net page

  <div class="form-column">
                        <asp:RadioButtonList ID="categoryList" runat="server" RepeatColumns="5" RepeatDirection="Horizontal" BorderStyle= "None" BorderWidth="0px"
                            AutoPostBack="True" OnSelectedIndexChanged="categoryList_SelectedIndexChanged"  />
                        <asp:RequiredFieldValidator ID="categoryRequiredFieldValidator" runat="server" CssClass="validation-error"
                            ErrorMessage="Not Valid <a href='#'>[For HELP Click Here]<span>Please check category.<ul><li>Select a category.</li></ul></span></a>"
                            ControlToValidate="categoryList" Display="Dynamic"></asp:RequiredFieldValidator>
                    </div>
                    <div class="form-column" style="overflow: visible;">
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-column2">
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                            <ContentTemplate>
                                <asp:Panel ID="SubcatPanel" runat="server" Visible="false" CssClass="subcategory-info">
                                    <div id="subcatDiv" runat="server">
                                  
                                    <asp:DataList ID="DataList1" runat="server" CellPadding="4" ForeColor="#333333"
                                            Width="400px" RepeatColumns="3" RepeatDirection="Vertical">
                                       
                                        <AlternatingItemStyle BackColor="White" />
                                        <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
                                        <HeaderStyle BackColor="AliceBlue" Font-Bold="True" ForeColor="#666666" />
                                        <ItemStyle BackColor="#E3EAEB" />
                                        <SelectedItemStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
                                        <HeaderTemplate>Sub Categories</HeaderTemplate>
                                        <ItemTemplate>
                                            <asp:Label ID="Label1" runat="server" Text='<%# Bind("catname") %>' Font-Size="10px" ForeColor="#2c98ba"></asp:Label>
                                        </ItemTemplate>
                                    </asp:DataList>
                                     
                                    </div>
                                </asp:Panel>
                            </ContentTemplate>
                            <Triggers>
                                <asp:AsyncPostBackTrigger ControlID="categoryList" EventName="SelectedIndexChanged" />
                            </Triggers>
                        </asp:UpdatePanel>
                        <ajaxToolkit:UpdatePanelAnimationExtender ID="upae" runat="server" TargetControlID="UpdatePanel1">
                            <Animations>
                                <OnUpdating>
                                    <FadeOut duration=".25" Fps="40"  minimumOpacity=".2" />
                                </OnUpdating>
                                <OnUpdated>
                                        <FadeIn duration=".25" Fps="40"  minimumOpacity="0.2" />
                                </OnUpdated>
                            </Animations>
                        </ajaxToolkit:UpdatePanelAnimationExtender>
                    </div>
                </div>