myExtraContent1
myExtraContent2

 
Stacks Image 152
8-1 要素の表示/非表示を切り替える
非表示の場合は $('div#content').show(); を $('div#content').hide(); にするだけで他は全く同じ作業になる。
8-1-2 要素を表示させるー $('div#content').show();
DEMO 
実行結果説明:表示済みの要素(1)と(2)の中にshow()で表示した要素が入る。
8-1-2 要素をゆっくり拡大させながら表示するー $('div#content').show(slow);
DEMO 
実行結果説明:中央の「show()で表示」した要素がゆっくり拡大表示する。
8-1-2 表示完了までの時間を指定するー $('div#content').show(5000);
DEMO 
実行結果説明:5秒で拡大する。
8-1-2 要素の表示が完了したら、要素内のテキストを「表示が完了しました」に変更する
DEMO 
実行結果説明:完了すると「表示が完了しました」という文字に差し替える。


myExtraContent3