クリック時に1文字目を切り替え
- 2014.02.14
- jQuery
以前紹介した「toggleメソッドを使用した表示・非表示の切り替え」で表示の切り替えができましたので、今度はクリックする文字を変更してみましょう。文字を切り替えることによって視覚的に開閉が少しわかりやすくなるかもしれませんね。
以前紹介した「toggleメソッドを使用した表示・非表示の切り替え」で表示の切り替えができましたので、今度はクリックする文字を変更してみましょう。文字を切り替えることによって視覚的に開閉が少しわかりやすくなるかもしれませんね。
せっかくjQueryを使っているので、プラグインのほうも紹介しようと思います!! 今回は、このブログにも使っているスムーススクロールの「Scroll to Top Control」をご紹介します。 このブログにも設置していますので、画面右下に矢印がでていると思います。それです!
以前紹介した「show・hideメソッドを使用した要素の表示・非表示」で言っていました。表示・非表示の切り替えについて、show・hideを使用せず、ここでは、toggle(トグル)メソッドを使用してみます。 toggle処理とは表示(show)・非表示(hide)の切り替えを行ってくれますので、簡単に切り替え処理を実装できます。
show()・hide()を使うと、要素が非表示状態のものを表示(show)、または表示状態のものを非表示(hide)にすることができます。 ではでは、早速コードを書いてみましょう。
最近、PHPをさわることがあるのでPHPについて書いておこうと思います。 PHPって? PHPとは「PHP: Hypertext Preprocessor」の略で、サーバ側で実行される言語の1つです。PHPは動的にHTMLを出力することができるので、HTMLだけではできないことができます。 (1箇所違うだけで2つも3つもファイルが増えるなんて耐えられない!!ときとか。)