Как перекрыть блок с тенью схожим блоком?

Question

[Илья Ватрушка]

Здравствуйте, в данный момент делаю аккордеон, в нем у каждого из заголовков есть тень, но если блоки находятся рядом тени между ними быть не должно (а у меня они наезжают друг на друга).
Задаю я тень каждому из заголовков одинаково для того что бы если между блоками будет контент у меня сверху и снизу у блока или блоков была тень.
Выглядит оно примерно вот так:

Оно так то почти правильно вот только тень которая наезжает друг на друга все портит.
Главное не убрать тень которая идет по контуру блоков, а только внутреннюю
Вот сам код:
jsfiddle.net/d7WGb/550

Comments

[Виталий Першин]

Если вы делаете аккордеон, значит один из блоков у вас активный, а если вы делаете хороший аккордеон, то такой блок еще и имеет активный класс. Поэтому можно убрать тень или изменить её у неактивных блоков и навесить необходимые стили на активный...

Answer 1

[Алексей]

https://codepen.io/Zagatskiy/pen/ZMaQNq