[didfree]

Здравствуйте! Помогите пожалуйста разобраться со скриптом.
Вот код:

$(document).ready(function() {   
       
 var table1 = $('.blok-koment');
 var table2 = $('.blok-koment-hidden');
 
 table1.click(function(){  
    $(this).css('display','none');
    $(table2).css('display','block');
 });
 
 table2.click(function(){   
     $(this).css('display','none');
     $(table1).css('display','block');  
 });
 });

Мне нужно чтобы при нажатии на .blok-koment он сам скрывался а вместо него появлялся .blok-koment-hidde
А после этого, при нажатии на .blok-koment-hidde он также скрывался а вместо его назад становился .blok-koment

Дело в том, что если у меня на странице 2 элемента с классом .blok-koment-hidde, то скрипт открывает их оба. А нужно чтобы открывало текущий.

Заранее спасибо за помощь!