クリック時に1文字目を切り替え
- 2014.02.14
- jQuery
以前紹介した「toggleメソッドを使用した表示・非表示の切り替え」で表示の切り替えができましたので、今度はクリックする文字を変更してみましょう。文字を切り替えることによって視覚的に開閉が少しわかりやすくなるかもしれませんね。
以前紹介した「toggleメソッドを使用した表示・非表示の切り替え」で表示の切り替えができましたので、今度はクリックする文字を変更してみましょう。文字を切り替えることによって視覚的に開閉が少しわかりやすくなるかもしれませんね。
以前紹介した「show・hideメソッドを使用した要素の表示・非表示」で言っていました。表示・非表示の切り替えについて、show・hideを使用せず、ここでは、toggle(トグル)メソッドを使用してみます。 toggle処理とは表示(show)・非表示(hide)の切り替えを行ってくれますので、簡単に切り替え処理を実装できます。
show()・hide()を使うと、要素が非表示状態のものを表示(show)、または表示状態のものを非表示(hide)にすることができます。 ではでは、早速コードを書いてみましょう。
最近では、どのホームページでも「jQuery(ジェイ・クエリー)」が使用されていますね(メイン画像の切り替えなどなど)。じゃあjQueryってなんぞや?っていうと、javascriptを簡単に使えるライブラリですかね。なので、javascriptのコードを書かなくても短く簡単なコードでjavascriptが使える!!(なんてすばらしいんでしょう~^^)