アコーディオンな一要素の拡大成jQuery UI

Question

Iを実装する必要があると拡大/崩壊ボックスのjQuery UI.時折りたたみボックスヘッダにいます。展開時には、ヘッダー+の内容です。

今必要なのは、jQuery UIの一要素をアコーディオンとalwaysOpen=falseの場合(同一の財産は"折りたたみ"の文書ではなく、実践上のjQuery1.3.2、jQuery UIの1.6rc6だそうですalwaysOpen):

$('.myAccordion').accordion({
    header: 'h3'
    , alwaysOpen: false
});

ある一つの問題: さんありがとうございます。拡大による崩壊が起こる場合のみのリンクをクリックす三角形の左側には、をクリックすると全体のヘッダを表します。

追加のことを確認する必要があり使用したいのだが、jQuery UIのデフォルトのUIのスタイルを下さな自分のスタイルシート、そのロールの新しいスタイルとthemeRollerる必要がある場合、そのままです。のアコーディオンのスタイルでは、jQuery UIの矢印のヘッダーにはとてもよく適します。

今では、二つのオプション:

1)を設定しアコーディオンウィジェットのように三角に対応し開閉。さんありがとうございます。クリックのヘッダーは基本的に無視されます。

2)実施し、自分のウィジェット、アコーディオンスタイルをしています。

されているのではないかと思いな1)かもしれませんが、同じく、どのように実施するかによって、矢印の対応をクリックします。

このため、実際の問題、あなたは何点ぐらいになると思います。

Answer 1

OKを出すことを短時間でウィジェットそのものです。をセットするだけで、実際にアコーディオンはこの方法：

$('.myAccordion').accordion({
    header: 'h3'
    , alwaysOpen: false
    , event: 'click'
});

$('.myAccordion h3 a').click(function() {
    return false;
})

だが、使い勝手の悪いから実際にクリックで対象エリアは、かなり小さめですが、、という問いに対する答えなのでしを掲載しました。

Answer 2

"とか"また戻ってしまったように:

$('.accordion').accordion({
  header: '.accordion-header',
  collapsible: true
});