button works only once
<p>i have a problem with my jquery code, a have a list of buttons witch changing display from none to block of some div and "save" button witch changing display from block to none, when i'm clicking again on same button from the list of buttons display is not changing, nothing happens, WHY ??</p>

<p><a href="http://gidzior.net/svg/pom01.html" rel="nofollow">http://gidzior.net/svg/pom01.html</a> panel on the right is the '#right-panel li' and the red button is the 'div.save'</p>

<p>buttons from '#right-panel li' should open a window and button 'div.save' should close it and then '#right-panel li' should open it again but shouldn't close it</p>

<pre><code>$('#right-panel li').each(function(e){
        var i = $(this).index() + 1;
        $(this).click(function(){
            if(i&lt;10){
            i = "0"+i;
        }
            $('#pom01par'+i+'WraperAbsolute').css('display', 'block');
            $('#pom02par'+i+'WraperAbsolute').css('display', 'block');
            $('#pom03par'+i+'WraperAbsolute').css('display', 'block');
            $('#pom04par'+i+'WraperAbsolute').css('display', 'block');
            $('#pom05par'+i+'WraperAbsolute').css('display', 'block');
            $(this).css('background','#adff84');
            $('.par'+i+'table').css('background','#adff84');
            return false;
        });
    });


    $('div.save').click(function(){
        $(this).parent().css('display','none');
    });
</code></pre>

<p><strong>UPDATE</strong></p>

<p>well i found an error, when i'm clicking button with number from 1 to 9, script put 0 befor number 1-9 and the index is 01,02,03 ..., when i'm clicking it again the index is 001, 002, 003,... and so on, how do I set the index remained the same all the time ?? 01, 02, 03, 04, 05, 06, 07, 08, 09</p>
