2009年11月27日
jQueryのtoggle(switch)が大変便利、条件文5行のコードが1行に短縮!
toggle()の普通の使い方は多分皆さんご存知だと思います。
該当要素をクリックするたびに表示/非表示を切り替えます。
今日紹介するのはこのswitchパラメータ付のtoggleです。
swtich文を評価しtrueであれば要素を表示、falseであれば非表示です。
これで下記のコードがこのswtich付きのtoggle文なら一行ですみます。
if (name == "kinopyo") {
$("p").show();
} else {
$("p").hide();
}
これがこうなります。
$("p").toggle(name == "kinopyo");
どうですか?すごくないですか?
まさにjQueryの「The Write Less, Do More」ですよね。
ただし判断の条件文が行の最後になるので、
読みやすさは多少落ちると思います。
ちなみに、Googleの単語とよく似ているので、ついついtoogleと書いちゃいますorz