jquery - 如何使用 ? 强制关闭 jQuery UI Accordion

Question

我正在使用带有两个 div 的 jQuery UI Accordion 。第一个显示表单，第二个显示基于表单输入的数据。当用户单击表单中的提交按钮时，如何自动关闭第一个 div 并显示第二个 div？我假设我需要在按钮中使用“onclick”，但我不确定如何将其与 Accordion 结合起来。

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

如果我遗漏了什么，请告诉我。预先感谢您的帮助!

Answer 1

单击提交按钮将往返于服务器，因此 onclick 不会为您提供帮助。您可能想要输出 Accordion 是否应该打开或关闭。

一种方法是更改​​你的 Accordion div 以拥有一个显示状态的类:

<div id="accordion" class="accordion-<%= accordion_state %>"> //open or closed

那么你的选择器将是:

$(document).ready(function () {
  $(".accordion_open").accordion();
  $(".accordion_closed").hide();
});

参见this article有关一起使用 ASP.NET 和折叠控件的一些示例。