ボタンは一度しか動作しません

Question

私のjqueryコードに問題があります。ボタンのリストを持っていて、divからno divへの表示が変わり、「save」ボタンの魔法使いは、もう一度ボタンのリストから同じボタン上に表示されていない、何も起こらない変化、何ですか？右側の

http://gidzior.net/svg/pom01.htmlパネルは「＃右のパネル李」と赤いボタンが「div.save」「＃右のパネル李」ウィンドウとボタンを開く必要がありますから

ボタンは「div要素であります.SAVE再度開く必要がありますが、私はをクリックしていたときも、私は、エラーを発見し、それを

$('#right-panel li').each(function(e){ 
     var i = $(this).index() + 1; 
     $(this).click(function(){ 
      if(i<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'); 
    }); 

UPDATE

を閉じるべきではありません＃右のパネル李 『」それを閉じてなければなりません』 1から9の番号のボタン、スクリプトを置く0 befor番号1-9とインデックスは01,02,03 ...、私は再びインデックスを001,002,003、...などです、どのようにインデックスを残して設定するいつも同じ？あなたが最初のクリックがそうで非表示にするには、もう一度クリックを表示したいわけ場合は01、02、03、04、05、06、07、08、09

Answer 1

、代わりに.toggle()を使用します。

$('#pom01par'+i+'WraperAbsolute').toggle(); 
$('#pom02par'+i+'WraperAbsolute').toggle(); 
$('#pom03par'+i+'WraperAbsolute').toggle(); 
$('#pom04par'+i+'WraperAbsolute').toggle(); 
$('#pom05par'+i+'WraperAbsolute').toggle(); 

それ以外の場合は、現在のコードで最初のクリックで要素が表示されます。 2回目のクリックでも要素が表示されますが、既に表示されています。はと表示されます。

Answer 2

書き換えたコードはdisplay: none;からblockに変更されました。

私が使用することをお勧めします：

$('#pom01par'+i+'WraperAbsolute').toggle(); 

と

$(this).parent().hide(); 

代わりに。