3

我正在使用带有两个 div 的 jQuery UI 手风琴。第一个显示表单，第二个显示基于表单输入的数据。当用户单击表单中的提交按钮时，如何自动关闭第一个 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>

如果我遗漏了什么，请告诉我。提前感谢您的帮助！

4

1 回答 1

1

单击提交按钮将往返于服务器，因此 onclick 不会帮助您。您可能想要输出手风琴是打开还是关闭。

一种方法是更改​​您的手风琴 div 以使类显示状态：

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

那么您的选择器将是：

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

有关同时使用 ASP.NET 和手风琴控件的一些示例，请参阅本文。

于 2012-05-01T23:47:47.837 回答