Question

我正在使用带有两个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>

如果我遗漏了任何东西，请告诉我。在此先感谢您的帮助！

Answer 1

单击提交按钮将往返于服务器，因此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。

如何使用<asp：button>强制关闭jQuery UI手风琴<div>？</asp：button> </div>

1 个答案: