양식 숨기기 (패널) onclick

Question

데이터베이스에 데이터를 추가하는 것을 포함하여 C# asp.net에 웹 폼이 있습니다. 사용자는 "다른 제품 추가"또는 "결제"옵션을 선택할 수 있습니다.

사용자가 "다른 제품 추가"를 클릭하면 현재 양식이 숨겨져 새로운 제품을 열어 다른 제품을 추가해야합니다. 그가 체크 아웃을 클릭하면 체크 아웃으로 리다이렉트해야합니다. 그럼 마지막 단계는 문제 없습니다.

가능한 경우 아코디언 유형에서 양식을 숨기고 새로운 것을 표시하고 싶습니다. 그렇지 않은 경우 정상적인 숨기기 및 표시. 또한 페이지가 데이터를 다시로드하거나 느슨하게해서는 안됩니다. 지금까지 내가 무엇을 시도했다

:

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 /> 

는 또한 inputing 시도 :

<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와 함께 일반 웹 컨트롤을 사용의 경우 : 당신은 왜 것입니다 효과적으로 페이지에서 제거 false로 제어 가시성을 설정

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