Как сделать чтобы по нажатию на блок его border подкрашивался жёлтым?

Question

[Алексей]

Добрый день, подскажите пожалуйста не пойму как правильно сделать есть выпадающий аккордеон, который состоит из 3 блоков с текстом и один из них должен постоянно быть открыт, это реализовал, но не могу понять как подкрасить слева border в жёлтый цвет блок который открыт, то есть по нажатию блок открывается и закрашивается его border слева в жёлтый, а закрывается предыдущий открытый и его border становится белым. Заранее спасибо.

$(document).ready(function () {
  $('.what__subtitle').click(function () {
    if ($(this).closest('.what-text__border').find('p').is(':visible')) {
      $(this).find('p').slideUp('slow');
    } else {
      $('.what__dectiption').slideUp('slow');
      $(this).closest('.what-text__border').find('p').slideToggle('slow');
    }
  });
});

Comments

[Ankhena]

Там же где открываете, задавайте класс, который задаст желтый бордер.

На самом деле достаточно просто класса. А в классе прописать и бордер и открытие.

Answer 1

[Ilya Olovyannikov]

Привет! Просто подумай над логикой реализации.

1. При нажатии на элемент, что должно происходить? Все элементы должны закрыться.
2. Элемент, на который нажали (наш таргет), должен открыться.
3. Бордеры у неактивных элементов белые, у активных желтые.

Comments

[Алексей]

Добрый день, я это прекрасно понимаю, но не могу понять как это связать с условием if и is(':visible').