各p要素をtoggleさせます。
初期表示状態にかかわらず、最初のクリック時には表示し、次に非表示にするようにします。
Effects/API/jQuery
toggle(switch)
各要素を、引数がtrueであれば表示、falseであれば非表示に切り替えます。
サンプル
サンプル1
<button>Toggle</button> <p>Hello</p> <p style="display: none">Good Bye</p>
var flip = 0;
$("button").click(function () {
$("p").toggle((flip++ % 2)==0);
});
[全コードを表示]
[実行結果を単体で表示]