Скрытие 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>

И некоторый код, который приходит из моего вышеупомянутого usercontrol ( 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>

Если вы видите, что в моем пользовательском контроле есть кнопка «Отправить», после проверки всех вышеперечисленных полей отобразится «спасибо» (divThanksmsg).

когда пользователь нажимает кнопку «Отправить», он проверяет все формы после проверки полей, и становится видимым мое спасибо. Но если вы видите вышеупомянутый div на моей странице aspx с id ( intro ), он виден каждый раз. Я хочу, чтобы этот div скрылся, когда мой благодарственный div виден.

Пожалуйста, предложите!

Answer 1

Я вижу, что вы отметили оба div (divTanksmsg и divMain) для запуска на сервере. Вы можете инициализировать divThanksmsg, чтобы он сначала был скрыт, изменив разметку на

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

После завершения проверки вы можете сделать что-то вроде:

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

Answer 2

Если я вас правильно понимаю, вы хотите скрыть "вводный" div, когда вы показываете "divThanksmsg". Чтобы это работало, вам нужен "runat = server" в "intro" -div, а затем, с помощью этой строки в вашем коде: divThanksmsg.Visible = true; вам нужно добавить intro.Visible = false;.

Answer 3

Рассматривали ли вы использовать JavaScript, чтобы скрыть вступительное сообщение? Просто введите немного после выполнения проверки. Может быть, сохранить флаг, чтобы вы знали, когда вы должны повторно добавить или удалить этот JS.

Честно говоря, это звучит как ситуация, которая не должна возникать в хорошо продуманном дизайне.