Javascript、CSS、およびXHTMLでスポイラーを作成する

Javascript、CSS、およびXHTMLでスポイラーを作成する（表示/非表示の効果）

以下はJavaScriptで何らかのスポイラーを作成する小さなスクリプトです。クリックするとdivを表示または非表示にできます。

2つのdivを使います。

最初のものはリンク付きのテキストを表示します... 2番目のdivをクリックすると表示されます
2番目のdivはリンクを含みます。このリンクはdivを隠すことを可能にします。

CSSとXHTMLの2つのJavaScript関数を使用します。

最初のdivでは：

Plusieurs langages de developpement Webが存在します：効率的なles langages

2番目のdivを作成してください。このdivは非表示になっており、最初のものをクリックしたときにのみ表示されます。

XHTML

キャッチャー

今度はCSSの部分のために：

 ＃layer1 {
可視性：可視です。
位置：相対
}
＃layer2 {
可視性：隠されています。
位置：絶対
}

JavaScript

 関数afficher（）{
document.getElementById（ 'layer2'）。style.visibility = 'visible'; document.getElementById（ 'layer2'）。style.position = 'relative';
document.getElementById（ 'layer3'）。style.visibility = 'hidden';
}
関数fermer（）{
document.getElementById（ 'layer2'）。style.visibility = 'hidden';
document.getElementById（ 'layer2'）。style.position = 'absolute';
document.getElementById（ 'layer3'）。style.visibility = 'visible';
}