我正在使用具有两个div的jQuery UI手风琴。第一个显示表单,第二个显示基于表单输入的数据。当用户单击表单中的“提交”按钮时,如何自动关闭第一个div并显示第二个div?我假设我需要在按钮中使用“ onclick”,但是我不确定如何将其与手风琴配合使用。
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
<script type="text/jscript">
$(document).ready(function () {
$("#accordion").accordion();
});
</script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<div id="accordion">
<a href="#">Criteria</a>
<div>
<asp:Button ID="Button_GetReport" runat="server" Text="View Report" />
</div>
<a href="#">Report</a>
<div>
A databound grid goes here.
</div>
</div>
</asp:Content>
如果我遗漏了任何东西,请告诉我。在此先感谢您的帮助!
最佳答案
单击提交按钮将往返于服务器,因此onclick不会对您有所帮助。您可能想要输出是打开还是关闭手风琴。
一种方法是将您的手风琴div更改为一个显示状态的类:
<div id="accordion" class="accordion-<%= accordion_state %>"> //open or closed
那么您的选择器将是:
$(document).ready(function () {
$(".accordion_open").accordion();
$(".accordion_closed").hide();
});
有关将ASP.NET和手风琴控件一起使用的一些示例,请参见this article。
关于jquery - 如何用<asp:button>强制关闭jQuery UI Accordion <DIV>?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10405746/