Помогите разобраться с $(this)
 

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

$(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, то скрипт открывает их оба. А нужно чтобы открывало текущий.

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

Ну так у вас селектор выбирает все элементы с классом .blok-koment-hidden. Либо уточните селектор так, чтобы он выбирал нужный, либо из полученной выборки отсейте второй элемент.

Можно пожалуйста пример как это реализовать.

<div>
    <table class="block-komment">...</table>
    <table class="block-komment-hidden">...</table>
</div>

$(".block-komment").click(function(){  
    $(this).css('display','none');
    $(this).parent().find('.block-komment-hidden').css('display','block');
});

Ну вот как-то так. Нужно сделать так чтобы у блоков было какое-то связующее звено. Например - общий родитель. Т.е другие блоки block-commen-hidden - не должны находиться в это родителе