Как сделать что бы при открытии блока, вместе с ним двигался другой блок(стрелки)?
 

Вот код нужно что бы стрелочки с чашкой при открытии блока подвинулись вниз вместе с блоком. Расстояние я уже сам выставлю. Мне суть нужно понять. Как это можно сделать? Пытался сделать через условие, пока не получилось.

$(document).ready(function(){
    $(".you-will .you-will-item").click(function(){
        $(this).toggleClass('height');
    });

 if ($('.you-will .you-will-item').height() > 0 ) {
        $('..you-will .you-will-item:nth-child(even):nth-child(-n+7):before').css({
          'margin-top':'50px'  
        });
  
     });

freeman0204,
Ну как идея, через html/css: - поставить меж спойлерами div c наездом на верхний и нижний спойлер, картинку с чашкой поставить внутри, на его правый край,
Обеим спойлерам придать position:relative и приподнять z-index(ом) над этим блоком. Тогда картинка будет всегда меж спойлерами

Deff,
Если добавлять в разметку див, то разумнее обернуть два блока. Чашку спозиционировать относительного этого дива, а стрелочки относительно дочерних. Т.е все сделать псевдоэлементами.