JavaScript - 動的なページの作成(toggle(), animate()(jQuery))

初めてのJavaScript 第2版
Shelley Powers (著)
武舎 広幸、武舎 るみ (訳)

開発環境

• OS X Lion - Apple(OS)
• Safari (Webプラウザ)
• TextWrangler(Text Editor) (BBEditの無料、light版)
• Script言語:JavaScript
• JavaScript Library: jQuery

『初めてのJavaScript 第2版』(シェリー・パワーズ著(Shelley Powers著)、武舎 広幸+武舎 るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84312-225-5) の12章(JavaScriptの動的なページの作成)練習問第12-4を解いてみる。

その他参考書籍

• JavaScript 第6版
• JavaScriptリファレンス 第6版
• 『jQueryクックブック』(jQuery Community Experts 著、株式会社クイープ 訳、オライリー・ジャパン、2010年、ISBN978-4-87312-269-1)

12-4.

コード(TextWrangler)

<script>
function clicked1(){
  $('#h0').toggle();
}
function clicked2(){
  $('#h0').animate({opacity:'toggle'}, 'slow');
}
</script>
<input type="button" value="表示/非表示(toggle)" onclick="clicked1()" />
<input type="button" value="表示/非表示(animate)" onclick="clicked2()" />
<h1 id="h0" >このテキストを見えなくしたり表示したりする。</h1>

このテキストを見えなくしたり表示したりする。