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