Изменение видимости элемента через JS удаление класса

Question

Использовал код из скрипта по ссылке из ответа: ссылка

Внедрил его уже в готовый который меняет class active Но не работает, работает только удаление класса если его добавить изначально в код. По сути так и нужно изначально, активна первая кнопка и виден первый элемент, при нажатии на вторую она становится активной, первый элемент исчезает появляется второй, и наоборот если опять ткнуть первую кнопку.

$(".size5 a").click(function() {
  var size = $(this).html();
  $('.size5 a').removeClass('active');
  $(this).addClass('active');


  var mySlider = $(this).data("gosttu");
  $('.gosttu').not('.' + mySlider).removeClass('show');
  $('.' + mySlider).addClass('show');


  return false
})

.gosttu {
  display: none;
}

.show {
  display: block;
}

.sizes_item2 a {
  width: 35px;
  height: 35px;
  border-radius: 0px;
  /* border: 1px solid #808080; */
  line-height: 33px;
  text-align: center;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  margin-right: 12px;
  background-color: #f60;
}

.sizes_item2 a.active {
  /* border: 2px solid #c61217; */
  width: 36px;
  height: 36px;
  margin-right: 11px;
  margin-left: -1px;
  margin-top: 1px;
  font-weight: bold;
  background-color: #473d37;
  color: #ffffff;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="sizes_item2 size5">
  <a href="#" class="active">первая кнопка</a>
  <a href="#" class="">вторая кнопка</a>
</div>

<div class="gosttu price_item light show">
  Первый элемент: <span><b class="price3">1</b>текст</span>
</div>
<div class="gosttu price_item light">
  ТУ: <span><b class="price4">2</b>текст</span>
</div>

В чем может быть беда?

БЛОГ НА HUSL

Изменение видимости элемента через JS удаление класса

Ответы (0 шт):