Дано:
Таблица значений со столбцами, обладающими уникальными классами указанными в шапке таблицы (<thead><tr><th class="sh_th_2">) :
Задача:
Реализовать "триггер" на js который будет октрывать/скрывать столбцы с соответствующими классами используя панель кнопок.
Логика:
По умолчанию открыты все столбцы. При нажатии на одну из кнопок – закрываются все столбцы кроме выбранного, при нажатии на вторую – открывается второй столбец, остальные остаются скрытыми и так далее. При повторном нажатии на кнопку – она "отжимается" и столбец, с соответствующим классом скрывается, остальные нажатые остаются нажатыми и столбцы видны. Имеется кнопка "Показать все" которая сбрасывает выбор и открывает все столбцы таблицы.
Нюансы:
Сейчас это статично сгенерированные страницы – соответственно панель кнопок будет генерироваться своя. При необходимости можно генерировать массив используемых на странице классов столбцов или другие данные по каждой странице отдельно, а также генерировать необходимый html.
Требования:
"Кросбраузерность", максимальная простота и минимальный объем кода. (на сайте подключены библиотеки jquery.min.js, bootstrap.min.js)