Как сделать так, чтобы открытию аккордеона менялся цвет фона?

Question

[Daaria]

Есть вот такой аккордеон:

https://jsfiddle.net/Ariss/f5ry8dkx/10/

Хочу сделать так, чтобы по открытию элемента аккордеона менялся его фоновый цвет:



Помогите пожалуйста это сделать

Comments

[Ankhena]

Объясните толком, что должно меняться.
Если раскомметрировать background-color: #2081A6;, то все и заработает

https://jsfiddle.net/xw16hobs/
С отступами только разобраться.

p.s. https://jsfiddle.net/5389mqsn/
Стрелку лучше переделать на 2 бордера у одного псевдо, будет заметно проще позиционировать в центр, а не играть в px.

Answer 1

[Vladislav]

https://jsfiddle.net/76cnxaj3/6/

Comments

[Daaria]

Извините, я имела ввиду немного другое, наверное плохо объяснила.

Я хотела сделать так:
Если элемент аккордеона не открыт, .block__item имеет такой фоновый цвет:


А если открыть аккордеон, фон меняется на более светлый цвет:


Я пыталась сделать это через .parent():
По нажатию на .block__title изменить фон родительского селектора, но тогда меняется фон всех элементов аккордеона, их может быть много(

[Vladislav]

Daaria, Тогда вот так: https://jsfiddle.net/endLmzo0/13/

if($('.block__title').hasClass('active'))
        {
        	$('.block__item').css({'background-color':'black'});
        } else {
        	$('.block__item').css({'background-color':'gray'});
        }