сделать панель видимой или невидимой в asp.net

Question

У меня есть кнопка на моей странице. У меня есть панель на моей странице. У меня также есть многострочное текстовое поле на моей странице.

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

Вот код, чтобы сделать панель видимыми/невидимыми:

Protected Sub btnReauests_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles btnReauests.Click 

    If pnlShowRequests.Visible = True Then 
     pnlShowRequests.Visible = False 
    Else 
     pnlShowRequests.Visible = True 
    End If 
End Sub 

Я также попытался установить стиль г-го порядка панели, как этот

<asp:Panel ID="pnlShowRequests" runat="server" style =" z-index : 1; position : relative; top: 0px; left: 255px; width: 206px; height: 200px;" Visible="False"> 
      </asp:Panel> 

Answer 1

Вы должны обернуть панель в своем собственном div и установите высоту. Таким образом, когда вы делаете его невидимым, оно не влияет на положение элементов вокруг него.

Например:

<div style="height: 100px;"> 
<asp:panel></asp:panel> 
</div> 
<asp:textbox runat="server"></asp:textbox>