.net 当其他Div可见时打开隐藏Div

.net 当其他Div可见时打开隐藏Div,.net,javascript,jquery,.net,Javascript,Jquery,我的aspx页面中有以下代码: <div id="FormContainer"> <div id="leftSection"> <h1> Contact Us</h1> <div id="intro"> <p>

我的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>

联系我们

接触PLI

下面给出了一些来自我上面的用户控件(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>

名字:*
请在这里输入你的名字
姓氏:*
请在这里输入您的姓
地址1*
请输入您地址的第一行
地址2
谢谢你的询问。
如果您看到my usercontrol中有submit按钮,则在验证所有上述字段后,它将显示Thankyu div(divThanksmssg)

当用户单击submit按钮时,在验证字段my Thankyu div(divThanksmsg)后,它将验证所有表单。但是如果您在我的aspx页面中看到上面的div,并且id为(intro),那么它每次都是可见的。我希望这个div应该在我的thankYou div可见时隐藏起来


请建议

如果我理解正确,您希望在显示“divsMsg”时隐藏“intro”div。要使其工作,您需要在“intro”-div上使用一个“runat=server”,然后在代码中的这一行:
divsMsg.Visible=true
您需要添加
intro.Visible=false

我看到您将div(divTanksmsg和divMain)都标记为在服务器上运行。 通过将标记修改为,可以首先将SMSG初始化为隐藏

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

您是否考虑过使用javascript隐藏介绍消息?执行验证后只需注入一点。可能会存储一个标志,以便您知道何时应该重新添加或删除该js


不过,老实说,这听起来像是一个经过深思熟虑的设计中不应该出现的情况。

您可以粘贴当前的脚本吗。没有编写javascript,所有代码都写在我的ascx.cs文件中。我的意思是,如果你看到我的intro div在divMain上面,那就是服务器端代码。我的简介div在aspx中,divMain在usercontrol中。我的简介div在aspx页面中。如何在usercontrol代码中找到它的id。然后如何切换divThanksmsg的可见性?我在ascx.cs代码中检查页面有效条件,如果页面有效,则执行divMain.Visible=false;Visible=true;
divThanksmsg.Visible = true;
divMain.Visible = false;