フォーム（パネル）を非表示にする

Question

データベースにデータを追加することを含む、C＃asp.netのWebフォームがあります。ユーザーは「別の製品を追加する」または「チェックアウトする」という選択肢があります。

ユーザーが[別の製品を追加]をクリックすると、現在のフォームは新しい製品を非表示にして開き、別の製品を追加する必要があります。彼がチェックアウトをクリックすると、チェックアウトに彼をリダイレクトする必要があります。まあ最後のステップは問題ありません。

可能であれば、私はアコーデオンのタイプでフォームを隠し、そのような新しいものを表示したいと思います。そうでない場合は、通常の非表示と表示のみです。また、ページがリロードされず、データが失われることもありません。

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

2番目のオプションを：：

$(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コントロールを使用していた場合：あなたは、なぜあなたが希望であるあなたが効果的にページから削除falseにコントロールの可視性を、設定

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