jquery - .hide() を使用してボタンのクリック時に要素を非表示および表示しますか?

Question

jQueryを使用して一連の段落を非表示および表示する方法を見つけようとしています。同じボタンを使用して、.hide() と .show() を使用してこれを行う方法を見つけたいと思います。これが可能か「正しい」かはわかりませんが、私はjavascriptに比較的慣れていないので、独学しようとしています。

ここに私がこれまでに行ったことを示すフィドルがあります: http://jsfiddle.net/GAa23/

ここでの私の問題は、非表示にすることはできますが、2 回目のクリックで要素を表示するボタンを取得できないことです。

$(document).ready(function () {
var btn = 1;
var advancebtn = function () {
    btn++;
};

var reducebtn = function () {
    btn--;
};

if (btn >= 1) {
    $("button").click(function () {
        reducebtn();
        $("p").hide();
    });
} else {
    $("button").click(function () {
        advancebtn();
        $("p").show();
    });
}
});