アコーディオン

名前

BSCOLLAPSE01

パーツバージョン

1.0.0

GCバージョン

1.3.3~

パーツアイコン

要旨

Bootstrapのアコーディオン形式で出力します。

ラベルパス

見出し

アコーディオンの見出しを表すノードパスもしくはテキストを指定します。

マーキングを行う場合は、見出しに相当する部分に属性 data-gc-label="title" を記述してください。

コンテンツ

アコーディオンのコンテンツを表すノードパスもしくはテキストを指定します。

マーキングを行う場合は、コンテンツに相当する部分に属性 data-gc-label="contentss" を記述してください。

入出力仕様

指定された範囲から、見出し、コンテンツに当たる箇所をラベルパスで指定します。

オプション

初期オープン番号

初期状態で開いた状態にする項目のインデックス(先頭の項目は0)を指定します。省略時はすべてクローズです。

追加するクラス(任意)

パーツのdiv要素に追加する独自クラスを指定します。スペース区切りで複数のクラスを指定することもできます。

ビューの種類

ベーシックアコーディオン

panel-headingクラスを指定したdiv要素とpanel-collapseクラスを指定したdiv要素を出力します。

出力HTMLの外枠にDIV要素が配置されます。

ビュー編集

削除対象の属性定義

(gcp="item:start.removeAttrs"のvalue属性)

元コンテンツの属性の内、ここに定義した属性が削除されます。

ビュー編集タブ上でこの定義内容を編集できます。

プリプロセス

なし

関連CSSセレクタ

.gcpBsCollapse01(クラスセレクタ)

対応jQueryバージョン

なし

使用jQueryプラグイン

なし