c# - 同じページにある2つのモデルポップアップ

Question

私はC＃.NetとAjaxConceptsで働いています。1ページに2つのModelPopupExtenderがあります。そのページにも2つのボタンがあります。1番目のボタンをクリックすると1MPが表示され、2番目のボタンをクリックすると2番目のMPが表示されます。これは私にとって初めてうまくいきます。[すなわち]1番目のボタンをクリックすると1番目のMPが表示され、2番目のボタンをクリックすると2番目のMPが表示され、もう一度1番目のボタンをクリックしても何も起こりません。

  <asp:UpdatePanel ID="UpdatePanel4" runat="server">
                    <ContentTemplate>
                        <ajaxToolKit:ModalPopupExtender ID="mp1" runat="server" PopupControlID="Panel1" TargetControlID="Button2">
                        </ajaxToolKit:ModalPopupExtender>
                        <asp:Button ID="Button2" ToolTip="Location" runat="server" Text="Location(+)"
                            OnClientClick="LocClick();" />
                        <asp:Panel ID="Panel1" runat="server" Style="display: block; width: 600px; overflow: scroll;
                            height: 440px;" BackColor="White">
                            <table>
                                <tr valign="top">
                                    <td width="650">
                                        <ct:ASTreeView ID="astvMyTree" runat="server" BasePath="~/Scripts/astreeview/" DataTableRootNodeValue="0"
                                            BackColor="White" EnableRoot="false" EnableNodeSelection="true" EnableCheckbox="false"
                                            EnableDragDrop="false" EnableTreeLines="true" EnableNodeIcon="false" EnableCustomizedNodeIcon="false"
                                            EnableDebugMode="false" EnableContextMenuAdd="false" EnableParentNodeExpand="false"
                                            EnableAjaxOnEditDelete="false" AutoPostBack="true" OnOnSelectedNodeChanged="astvMyTree_OnSelectedNodeChanged" />
                                    </td>
                                    <td>
                                        <div id="divConsole" runat="server">
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </asp:Panel>
                    </ContentTemplate>
                </asp:UpdatePanel>
                <asp:UpdatePanel ID="UpdatePanel5" runat="server">
                    <ContentTemplate>
                        <ajaxToolKit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" PopupControlID="Panel2"
                            TargetControlID="Button1">
                        </ajaxToolKit:ModalPopupExtender>
                        <asp:Button ID="Button1" ToolTip="Product" runat="server" Text="Product(+)"
                            OnClientClick="ProdClick();" />
                        <asp:Panel ID="Panel2" runat="server" Style="display: block; width: 600px; overflow: scroll;
                            height: 440px;" BackColor="White">
                            <table>
                                <tr valign="top">
                                    <td width="650">
                                        <ct:ASTreeView ID="ASTreeView1" runat="server" BasePath="~/Scripts/astreeview/" DataTableRootNodeValue="0"
                                            BackColor="White" EnableRoot="false" EnableNodeSelection="true" EnableCheckbox="false"
                                            EnableDragDrop="false" EnableTreeLines="true" EnableNodeIcon="false" EnableCustomizedNodeIcon="false"
                                            EnableDebugMode="false" EnableContextMenuAdd="false" EnableParentNodeExpand="false"
                                            EnableAjaxOnEditDelete="false" AutoPostBack="true" OnOnSelectedNodeChanged="astvMyTree_OnSelectedNodeChanged" />
                                    </td>
                                    <td>
                                        <div id="div4" runat="server">
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </asp:Panel>
                    </ContentTemplate>
                </asp:UpdatePanel>

LocClickとProdClickのボタンの背面の色を変更しています。

<script type="text/javascript">
function LocClick() {
    var location = document.getElementById("<%= Button2.ClientID %>");
    location.style.background = '#72BD66';
    var product = document.getElementById("<%= Button1.ClientID %>");
    product.style.background = '#065581';
    var lastYear = document.getElementById('<%=chkLastYear.ClientID%>');
    lastYear.checked = false;
 } 

これを修正する方法...