.net - 当其他 div 可见时隐藏 Div

Question

我的 aspx 页面中有以下代码:

<div id="FormContainer">
                <div id="leftSection">
                    <h1>
                        Contact Us</h1>
                    <div id="intro">
                        <p>
                            Contact PLI</p>
                        <p>
                            &nbsp;</p>
                    </div>
                    <esp:contactus id="ContactUs" runat="server" />
                </div>
</div>

下面给出了一些来 self 上面的用户控件(esp:contactus)的代码

    <div id="divMain" runat="server">
        <div class="leftColumn">
        <span id="ContactUs_lblFirstName" class="details">First name:<span class="asterisk" title="This field is mandatory">*</span></span>
        <input name="ContactUs$txtFirstname" type="text" maxlength="50" id="ContactUs_txtFirstname" />
        <span id="ContactUs_rfvFirstName" style="color:Red;visibility:hidden;">Please type your forename here</span>
        <span id="ContactUs_lblFamilyName" class="details">Family name:<span class="asterisk" title="This field is mandatory">*</span></span>
        <input name="ContactUs$txtFamilyName" type="text" maxlength="50" id="ContactUs_txtFamilyName" />
        <span id="ContactUs_rfvFamilyName" style="color:Red;visibility:hidden;">Please type your family name here</span>

        <span id="ContactUs_lblAddress1" class="details">Address 1<span class="asterisk" title="This field is mandatory">*</span></span>
        <input name="ContactUs$txtAddress1" type="text" maxlength="50" id="ContactUs_txtAddress1" />
        <span id="ContactUs_rfvAddress1" style="color:Red;visibility:hidden;">Please enter the first line of your address</span>
        <span id="ContactUs_lblAddress2" class="details">Address 2</span>
        <input name="ContactUs$txtAddress2" type="text" maxlength="50" id="ContactUs_txtAddress2" />

<asp:button id="btnSubmit" cssclass="submitBTN" text="Submit"
                onclick="Submit_Click" runat="server" />
        </div>
    </div>

<div id="divThanksmsg" runat="server">
        Thank you for your enquiry.
    </div>

如果您看到我的用户控件中有提交按钮，在验证以上所有字段后，它会显示谢谢 div (divThanksmsg)。

当用户点击提交按钮时，它会在验证字段后验证所有表单，我的谢谢 div (divThanksmsg) 变得可见。但是如果你在我的 aspx 页面中看到上面的 div，id 是 (intro)，它每次都是可见的。我希望当我的 thankYou div 可见时隐藏此 div。

请推荐!

Answer 1

我看到您将两个 div(divTanksmsg 和 divMain)标记为在服务器上运行。 您可以通过将标记修改为

来初始化要隐藏的 divThanksmsg

<div id="divThanksmsg" visible="false" runat="server">

完成验证后，您可以执行以下操作:

divThanksmsg.Visible = true;
divMain.Visible = false;