3

JQueryを使用して作成されたアコーディオン内のパネルを非表示にする方法は?

js ファイル:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="ui.core.js"></script>
<script type="text/javascript" src="ui.accordion.js"></script>

コード：

jQuery(document).ready(function() {

 $(document).ready(function() {

     $("#accordion").accordion();

 });

ニーズ：

ユーザーのログイン タイプに応じて、パネルを非表示にする必要があります (見出しを含む)。

例：

私の例では、アコーディオンの中に 3 つのパネルがあります。そのうちの 2 つをユーザーに表示したいだけです。これを達成する方法は？

4

3 に答える 3

2

これがあなたの言いたいことかどうかはわかりませんが、アコーディオン パネルを折りたためるようにするには、アコーディオンの折りたたみ可能なプロパティを true に設定する必要があります。最初にすべてのパネルを折りたたむ場合は、最初に active プロパティも false に設定する必要があります。jQuery Accordionのドキュメントには、これを行う方法の完全な例があります。

例えば

$(document).ready(function(){
  $("#accordion").accordion( { active: false, collapsible: true });
});
于 2010-01-11T12:22:52.313 に答える
1

DOM 要素を見つけて hide 関数を呼び出します。

$("#myElementInsideAccordian").hide();
于 2010-01-11T12:28:37.827 に答える
1

ファイルの順序が間違っているため、エラーが発生します。coreアコーディオンファイルの前に来なければなりません:

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="ui.core.js"></script>
<script type="text/javascript" src="ui.accordion.js"></script>

パネルを非表示にする限り、最初に前述の修正でエラーが解消されるかどうかを確認してから、質問を編集して必要なものの詳細を提供してください。

于 2010-01-12T06:27:19.137 に答える