利用者:青子守歌/拡張型折りたたみ可能要素

拡張型折りたたみ可能要素（略称：ECE、英語: Enhanced Collapsible Elements）は、NavFrameなどのダイナミック・ナビゲーション・ボックスのような折りたたみを、より自由度を高く可能にした要素を実現する機能です。

この機能は、2010年10月13日に、利用者:青子守歌によって作成されました。現在は、利用者カスタムスクリプトとして提供されています。

導入方法

利用者カスタムスクリプトとして、この機能を試す方法を示します。

導入するには、自分のカスタムスクリプトで、利用者:青子守歌/EnhancedCollapsibleElements.jsを読み込んでください（以下のコードを利用そのまま貼りつければ導入できます）。

// ECE
importScript('利用者:青子守歌/EnhancedCollapsibleElements.js');

なお、外装にベクターを利用していることを前提にしますので、ほかの外装を使用している利用者は、適宜置き換えてください。

使用方法

この機能は、折りたたみボタンのテンプレートを設置することで、その機能を実現します。

このテンプレートの標準的な構成は以下のようになります。

{{利用者:青子守歌/拡張型折りたたみ可能要素/ボタンテンプレート
|target = #ece-hidden
|ctext  = 隠す
|etext  = 表示
|label  = {{color|red|（ECE機能が無効です！）}}
|state  = c
}}

（ECE機能が無効です！）

この設定は、ece-hiddenというidを持つ要素を、折りたたんだ状態で表示し、ボタンには「隠す」「表示」と表示するラベルを生成します。

また、このボタンは、文章中に組み込むこともできます。

ece-hiddenを{{利用者:青子守歌/拡張型折りたたみ可能要素/ボタンテンプレート
|target = #ece-hidden
|ctext  = 折りたたむ
|etext  = 折りたたみ解除する
|label  = [[#ece-hidden|参照する]]
|state  = c
}}ことができます。

ece-hiddenを参照することができます。

target引数には、jQueryの条件式（セレクター）を利用できるため、より複雑な条件を与えて、折りたたみを実現することができます。

target引数の例
target	意味
#ece-hidden	ece-hiddenというidを持つ要素
.ece-hidden-class	ece-hidden-classというクラスを持つ要素
table	全てのtable要素
div.ece-hidden-span	ece-hidden-spanというクラスを持つdiv要素
li:even	リストの偶数行（1, 3, 5・・・行目）
p:contains("わはは")	「わはは」という文字列を含むp要素

より詳しい説明は、リファレンスなどを参照してください。

使用例

実際の使用例を示します。より複雑な使用例は、利用者:青子守歌/拡張型折りたたみ可能要素/使用例をご覧ください。

{{notice|text=ウィキペディア日本語版には、[[Wikipedia:検証可能性]]という重要な方針があり、これは記事の記述に必要な最低限の基準であると考えるべきです。

検証可能性についての詳細を{{利用者:青子守歌/拡張型折りたたみ可能要素/ボタンテンプレート
|target = #ece-wpv
|ctext  = 折りたたむことができます
|etext  = 表示して学んでください
|label  = [[#ece-wpv|参照して学んでください]]
|state  = c
}}。
<div id="ece-wpv" style="font-size: 95%; border: 2px dotted red">{{Cquote|
# 記事には、信頼できる情報源が公表・出版している内容だけを書くべきです。
# 記事に新しい内容を加筆するときは、信頼できる情報源―出典（[[参考文献]]）―を明らかにすべきです。出典が明示されていない編集は、誰でも取り除くことができます（出典のない記述は除去されても文句は言えません）。
# 出典を示す義務を負うのは、書き加えようとする側であり、除去を求める側ではありません。|4=[[Wikipedia:検証可能性#方針]]}}</div>
}}