Есть следующая таблица:
<table>
<thead>
<tr>
<th></th>
<th><b>Экономный тариф</b><span>30 руб.</span></th>
<th><b>Стандартный тариф</b><span>60 руб.</span></th>
<th><b>Безлимитный тариф</b><span>120 руб.</span></th>
</tr>
</thead>
<tbody>
<tr>
<td> Фича раз</td>
<td> - </td>
<td> - </td>
<td> + </td>
</tr>
<tr>
<td>Фича два</td>
<td> - </td>
<td> + </td>
<td> + </td>
</tr>
<tr>
<td>Фича три </td>
<td> + </td>
<td> + </td>
<td> + </td>
</tr>
</tbody>
</table>
На планшетах и мобильных устройствах (<768px) должен отображаться всего лишь один столбец с тарифом (примерно так) с тремя кнопками-переключателями:
Экономный тариф
30руб.
Фича раз -
Фича два -
Фича три +
При нажатии на вторую кнопку должен показываться второй столбец, при нажатии на третью -- третий. При нажатии на первую кнопку должен вновь показываться первый столбец.
Подскажите, как это можно реализовать?