3

2 つの div を持つ jQuery UI アコーディオンを使用しています。1 つ目はフォームを表示し、2 つ目はフォームの入力に基づいてデータを表示します。ユーザーがフォームの送信ボタンをクリックしたときに、最初の div を自動的に閉じて 2 番目の 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 は役に立ちません。アコーディオンが開いているか閉じているかを出力したいと思うでしょう。

これを行う 1 つの方法は、状態を示すクラスを持つようにアコーディオン 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 に答える