6

ページがロードされたとき、またはイベントが発生したときに、すべてのコンポーネントを展開することはできますか? ありがとう！！

4

12 に答える 12

14

単にこれを使用してください

$('#accordion .ui-accordion-content').show();
于 2013-02-06T11:33:07.443 に答える
4

このプラグインをお勧めしますマルチオープンアコーディオン

// this will make the second tab by default opened (index starts from 0)
$('#multiAccordion').multiAccordion({active: 1 }); 

// [ OR ]
// supports multiple tabs to be opened by default
$('#multiAccordion').multiAccordion({active: [1, 2, 3] }); 

// show all tabs
$('#multiAccordion').multiAccordion({active: 'all' });

// hide all tabs
$('#multiAccordion').multiAccordion({active: 'none' });

// you can set the options as any jQuery UI plugin using option method
$('#multiAccordion').multiAccordion('option', 'active', 'all');
于 2012-03-01T19:05:06.020 に答える
4

トグルボックスのこの実装が好きです：

http://jsfiddle.net/kevinPHPkevin/mZhTY/107/

<div class="toggle-box">
  <div class="toggle-title">Toggle 1</div>
  <div class="toggle-content">
    <p>text1.</p>
  </div>
  <div class="toggle-title">Toggle 2</div>
  <div class="toggle-content">
    <p>text2.</p>
  </div>
  <div class="toggle-title">Toggle 3</div>
  <div class="toggle-content">
    <p>text3</p>
  </div>
</div>

でこれを見つけました

(a:visited のように) 使用時に jQuery UI アコーディオン タブの色を変更することはできません。

于 2013-10-10T23:20:56.037 に答える
4

いいえ、タグの状態でアコーディオンを参照している場合。jQuery から。

注: 複数のセクションを一度に開きたい場合は、アコーディオンを使用しないでください。

http://docs.jquery.com/UI/API/1.8/Accordion

于 2010-04-01T06:37:02.093 に答える
0

私は2年前の質問に答えていることを知っていますが、回避策や代替のアコーディオンプラグインはどれもうまくいきませんでした. 、「すべて折りたたむ」リンクをクリックして再初期化します。このようなもの：

<script type="text/javascript">
function accordionInit() {
    $("#accordion").accordion();
}

function accordionDestroy() {
    $("#accordion").accordion("destroy");
}

$(function() {
    accordionInit();
});
</script>

すべて展開してすべて折りたたむリンクは次のようになります。

<a onClick="accordionDestroy()">Expand all</a> | <a onClick="accordionInit()">Collapse all</a>
于 2012-08-30T18:55:09.580 に答える
0

document.ready次のように、jQuery が提供するイベントで実行できます。

CSS:

.myClassToBeHidden { display: none; }

jQuery:

$(function() {
  $(".myClassToBeHidden").slideDown();
});

jQuery UIのアコーディオンコントロールを意味する場合...アコーディオンを使用しないでください。すべてを展開することは目的ではなく、他の問題を引き起こすため、これに対してアドバイスします。

于 2010-04-01T06:36:02.350 に答える
0

邪魔にならないようにして、訪問者がJavaScriptを持っている場合にのみ非表示にするには

CSS:

#divToBeHidden { display: block; }

で<head>：

$('#divToBeHidden').hide();

の下部<body>:

$(function() {
 $("#divToBeHidden").show(); //Or whatever means you'd prefer of showing the content
});
于 2010-04-01T06:41:12.693 に答える
0

この質問が出されてから 9 年が経ちました。しかし、デフォルトですべてのアコーディオン div を開くための以下のソリューションを見つけました。ここでは、すべての div コンテンツを表示するためにslideDown()メソッドを使用しました。

$(function () {
          $("#accordion").accordion({
                header: "> div > h3",
                collapsible: true,
               heightStyle: "content"
           });
          jQuery('#accordion h3.ui-accordion-header').next().slideDown();
 });
于 2019-08-29T11:47:52.190 に答える
-1

I know that is realy too late but i found the solution today. Just simply use

function expandAll() {
$('#accordion h3').removeClass('ui-state-default')
    .addClass('ui-state-active')
    .removeClass('ui-corner-all')
    .addClass('ui-corner-top')
    .attr('aria-expanded', 'true')
    .attr('aria-selected', 'true')
    .attr('tabIndex', 0)
.find('span.ui-icon')
    .removeClass('ui-icon-triangle-1-e')
    .addClass('ui-icon-triangle-1-s')
.closest('h3').next('div')
    .show();}

link of full article

于 2013-01-27T08:06:29.437 に答える