Появляющиеся поля ввода на jQuery

http://hashcode.ru/questions/49192/%D0%BF%D0%BE%D1%8F%D0%B2%D0%BB%D1%8F%D1%8E%D1%89%D0%B8%D0%B5%D1%81%D1%8F-%D0%BF%D0%BE%D0%BB%D1%8F-%D0%B2%D0%B2%D0%BE%D0%B4%D0%B0-%D0%BD%D0%B0-jquery

HTML

<div class="panel1">
КЛИК МИ!111      
    <div class="closed">
        <div class="panel2">
            ИМЕНЯТОЖЕ!!!222
            <div class="panel3">
                ИИМЕНЯТОЖЕКЛИКНИ!!!111333
                <div class="panel4">
                    ЯКОРОЛЬМИРА!!!4444
                </div>
            </div>
        </div>
    </div>
</div>

CSS

.closed div {
    display:none;
    border:1px #eee solid;
}

.panel1 {background-color:#ссс}
.panel2 {background-color:#ddd}
.panel3 {background-color:#eee}
.panel4 {background-color:#fff}

JavaScript

(function($) {
    $.fn.clickToggle = function(func1, func2) {
        var funcs = [func1, func2];
        this.data('toggleclicked', 0);
        this.click(function() {
            var data = $(this).data();
            var tc = data.toggleclicked;
            $.proxy(funcs[tc], this)();
            data.toggleclicked = (tc + 1) % 2;
        });
        return this;
    };
}(jQuery));

$(document).ready(
    function () {
        var i = 1;
        $(".panel"+i).clickToggle(
            function () {
                $(".panel"+(i+1)).show(200);
                return false;
            }, function() {i++;}
        )    
    }
);