Open ajaxToolkit Accordion when the textbox are not empty

See more:

ASP.NET

Ajax

Hi,

I have many ajaxToolkit Accordion that contain textbox, I want to know how to open the Accordion when the value of the text is different from null.

<ajaxToolkit:Accordion ID="MyAccordion"  runat="server" SelectedIndex="-1" HeaderCssClass="accordionHeader"
    HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
    FadeTransitions="false" FramesPerSecond="40" TransitionDuration="250" AutoSize="None"
    RequireOpenedPane="false" SuppressHeaderPostbacks="true" CssClass="style1" Width="100%"
    Height="0px">
    <Panes>
        <ajaxToolkit:AccordionPane ID="AccordionPane1"  runat="server" ContentCssClass=""
            HeaderCssClass="">
            <Header>
        Caractéristiques 1
            </Header>
            <Content>
                <<table>
                    <tr>
                        <td>Réference</td>
                        <td>
                            <input type="text" id="txt" runat="server" class="caract1" />
                        </td>
                    </tr>
                    <tr>
                        <td>Quantié</td>
                        <td>
                            <asp:TextBox ID="txtQuantie" runat="server"></asp:TextBox>
                        </td>
                    </tr>

                    <tr>
                        <td>Montant TTC :</td>
                        <td>
                            <asp:TextBox ID="txtMnt" runat="server"></asp:TextBox>

                        </td>
                    </tr>

                </table>
            </Content>
        </ajaxToolkit:AccordionPane>
    </Panes>
</ajaxToolkit:Accordion>
<ajaxToolkit:Accordion ID="Accordion1"  runat="server" SelectedIndex="-1" HeaderCssClass="accordionHeader"
    HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
    FadeTransitions="false" FramesPerSecond="40" TransitionDuration="250" AutoSize="None"
    RequireOpenedPane="false" SuppressHeaderPostbacks="true" CssClass="style1" Width="100%"
    Height="0px">
    <Panes>
        <ajaxToolkit:AccordionPane ID="AccordionPane2"  runat="server" ContentCssClass=""
            HeaderCssClass="">
            <Header>
              Caractéristiques 2
            </Header>
            <Content>
                <table>
                    <tr>
                        <td>Date1</td>
                        <td>
                            <asp:TextBox ID="txtDate1" runat="server"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td>Date2</td>
                        <td>
                            <asp:TextBox ID="txtDate2" runat="server"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td>Date3</td>
                        <td>
                            <asp:TextBox ID="txtDate3" runat="server"></asp:TextBox>
                        </td>
                    </tr>
                </table>
            </Content>
        </ajaxToolkit:AccordionPane>
    </Panes>
</ajaxToolkit:Accordion><big><big></big></big>