隐藏和显示表单（面板）

Question

我在c＃asp.net中有一个Web表单，其中包括向数据库中添加一些数据。 用户可以选择“添加其他产品”或“结帐”。

如果用户单击“添加另一种产品”，则当前表单应隐藏并打开一个新表单，这将使他可以添加另一种产品。 如果他单击结帐，它将把他重定向到结帐。 好吧，最后一步没问题。

如果可能的话，我想将形式隐藏在一种手风琴中，并显示类似的样式。 如果不是，则只是正常的隐藏和显示。 同样，页面不应重新加载和丢失数据。

到目前为止，我已经尝试了：

rotected void btnAddNewProduct_Click(object sender, EventArgs e)
    {
        form1.Visible = false;
    }

第二种选择：

$(document).ready(function () {
function HideElement()
{
    document.getElementById("form1").style.display = "none";
}
});

<asp:Button ID="btnAddNewProduct" runat="server" class="form-control" Text="Add procut" OnClientClick="btnAddNewProduct_Click"/><br />

还尝试输入：

<div class="accordion">
<form id="form1" runat="server">
</form>
</div>

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes /base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
 $( function() {
 $( "#accordion" ).accordion();
  } );
  </script>

但这似乎不起作用。

有什么帮助吗？ 如果我能使用手风琴做到这一点，我将非常高兴

谢谢！

Answer 1

如果是客户端操作，请忘记ASP控件，并在JQuery中使用普通的Web控件：

<button id="btnAddNewProduct">Add new</button>
<script>
    $(document).ready(function(){
        $("#btnAddNewProduct").click(function(){
            $("#accordion").accordion();
        })
    });
</script>