Привет всем! Сегодня мы познакомимся с кодом, позволяющим создавать открывающуюся\закрывающуюся по клику таблицу с помощью HTML. Зачем — решать вам, я же столкнулся с этой задачей во время работы над сайтом, где прайс-лист размещен почти на каждой странице, и насчитывает порядка 200 позиций — эдакая простыня, которая страницу никак не украшает. Сразу подчеркну — код делал не я, но почему бы не поделиться прекрасным? Тем более адаптация под свои нужды крайне проста.

свернутьразвернуть


посмотреть весь список


Столбец 1
Столбец 2
Столбец 3

Строка 1
1.1
1.2

Строка 2
2.1
2.2

Строка 3
3.1
3.2

Строка 4
4.1
4.2

Строка 5
5.1
5.2

Строка 6
6.1
6.2

Строка 7
7.1
7.2

Строка 8
8.1
8.2

Пример работы доступен тут 🙂