Как сделать такие табы?

Question

[anton_trofimov95]

Как сделать такие же табы, как на этих сайтах? Там, где стоимость услуг 4s 5 6 и так далее wedodo.ru https://doctor-apple24.ru/
Чтобы на мобильной версии они тоже были табами take.ms/F641c take.ms/sBy1s

Comments

[Модератор]

3.9. Использовать для вставки изображений тег < img> (размещение ссылок на изображения без использования тега < img> запрещено).

Answer 1

[Denis Melnikov]

Ну судя по инспектору, просто делается смена класса для списка ... и все

Answer 2

[AngReload]

Это обычные кнопки, которые лежат в родителе с display: flex; раньше такое делали с помощью display: inline-block;
Под кнопками 10 таблиц, при нажатии на любую кнопку всем таблицам применяется display: none, а для таблицы равной href кнопки display: block;

Вот onclick кнопки (его можно увидеть в инструментах разработчика):

function(event) {
  event.preventDefault();
  $('.device_model_btns a').removeClass('active');
  $(this).addClass('active');

  var id = $(this).attr('href');
  $('.phone_tabs_item').hide();
  $('.phone_tabs_item').removeClass('phone_tabs_item_active');

  $(id).addClass('phone_tabs_item_active');
  $(id).show();

  resetMoreContentBtn();
}