Вопрос по открытию формы при нажатии

есть несколлько блоков в нем таблицы при клике по кнопке открыть таблица открывается а при клике на закрыть соотвецтвенно закрывается скрины приложил вот что я написал

Код (Javascript):

1. $("document").ready(function()
2. {
3. $('#closed').click( function()
4.     {
5.         $('#closed')
6.         .css('display', 'none') // убирaем у мoдaльнoгo oкнa display: none;
7.         $('#open')
8.         .css('display', 'block') // убирaем у мoдaльнoгo oкнa display: none;
9.         $('#price')
10.         .css('display', 'block') // убирaем у мoдaльнoгo oкнa display: none;
11.        
12.     });
13. $('#open').click( function()
14.     {
15.         $('#open')
16.         .css('display', 'none') // убирaем у мoдaльнoгo oкнa display: none;
17.         $('#closed')
18.         .css('display', 'block') // убирaем у мoдaльнoгo oкнa display: none;
19.         $('#price')
20.         .css('display', 'none') // убирaем у мoдaльнoгo oкнa display: none;
21.        
22.     });
23.     });

Вот с первоым блоком работает а с последующими нет. мне нужно для каждой блока отдельно писать скрипт или как то по другому? в дальнейшем количество блоков будет увеличиваться

 

Вобщем решил так вот

Код (Javascript):

1. <script>
2. $("document").ready(function()
3. {
4.  
5.         $('.closed').click( function() // ловим клик по блоку с класом .closed
6.         {
7.             var ID = $(this).attr('id'); // записываем его ид в переменную ID
8.         $('.price'+ID).css('display', 'block');  // к классу price подставляем ID получится price1
9.         $(this).css('display', 'none'); // этому блоку по котором  кликнули делаем none
10.         $('#'+ID).css('display', 'block') // блоку с ид 1 делаем block
11.         $(this).addClass( "myClass"+ID); // в этот же блок с класом closed добавляем класс myClass
12.         });
13.         $('.open').click( function() ловим клик по блоку с класом .open
14.         {
15.      
16.         var ID = $(this).attr('id'); // записываем его ид в переменную ID
17.         $('.price'+ID).css('display', 'none');  // к классу price подставляем ID получится price1 делаем none
18.         $(this).css('display', 'none'); // этому блоку по котором  кликнули делаем none
19.         $('.myClass'+ID).css('display', 'block') //блоку с классом myClass1 делаем block
20.         });
21.  
22.     });
23.  
24. </script>

в html так вот

HTML:

1.   <div class="block_table">
2.             <div id="1" class="open">
3.                 <b>—</b>
4.                 <p>
5.                     Уборка производственных, складских, офисных, торговых и др. коммерческих помещений
6.                 </p>
7.             </div>
8.             <div id="1" class="closed">
9.                 <b>+</b>
10.                 <p>
11.                     Уборка производственных, складских, офисных, торговых и др. коммерческих помещений
12.                 </p>
13.             </div>
14.             <table id="price1" class="price1">
15.                 <thead>
16.                 <tr>
17.                     <td>
18.                         Наименование работ
19.                     </td>
20.                     <td>
21.                         Единица измерения
22.                     </td>
23.                     <td>
24.                         Стоимость работ
25.                     </td>
26.                 </tr>
27.                 </thead>
28.                 <tbody>
29.          
30.                 </tbody>
31.             </table>
32.         </div>