Переключение между таблицами CSS

D
На сайте с 28.06.2008
Offline
980
201

Есть трехколоночная таблица вида:

<table style="width: 100%;" class="top500">
<tbody>
<tr>
<td valign="top">
<strong>2016</strong>
<table border="0">
<tbody>
<tr class="">
<td>
1. <a href="/">ссылка</a> </td>
</tr>
<tr class="">
<td>


<td valign="top">
<strong>2017</strong>
<table border="0">
<tbody>
<tr class="">
<td>
1. <a href="/">ссылка</a> </td>
</tr>
<tr class="">
<td>

<td valign="top">
<strong>2018</strong>
<table border="0">
<tbody>
<tr class="">
<td>
1. <a href="/">ссылка</a> </td>
</tr>
<tr class="">
<td>

</td>
</tbody>
</table>


</td>
</tbody>
</table>

Хочу сделать чтобы показывалась только одна колонка 2018 года, вверху был селектор (выбор года) и при выборе нужного юзеру года - показывалась колонка таблицы соответствующего года.

Не подскажите как реализовать?

IL
На сайте с 20.04.2007
Offline
412
#1

https://codepen.io/feger/pen/eDybC

Как-то так можно..

D
На сайте с 28.06.2008
Offline
980
#2

Спасибо большое, а можно чтобы НЕ выбранные колонки пропадали и если не сложно не чекбокс а селектор выпадающий.

P.S. сори плюсануть не дает, видать уже плюсил вам...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий