JavaScript(jQuery)を使って、ボタンのオン・オフが切り替えられるようになった。

スポンサーリンク

1.ボタンのオン・オフ切り替えのデモ



上のボタンが「表示ON」の時に押すと、この下の中央に文字が出て、「表示OFF」の時に押すと、文字が消える。ついでにボタンの文字の色も変わる。


2.ソース

ソースコードも表示してみることにした。

2.1.JavaScript(jQuery)


2.2.CSS


2.3.HTML


スポンサーリンク

3.まとめ

  • JavaScriptを使って、ボタンを押すたびに表示を切り替えられるようになった。
  • JavaScriptを使って、クリックされたボタン自身の表示を動的に変えられるようになった。
  • WordPressでソースコードを表示するプラグインを導入した。