Способ связи между двумя одноуровневыми компонентами с использованием Angular 7 без использования общего сервиса для обоих

Попробуйте следующее:

function openBox(index)
{
val=$('#box'+index);
$('.profilePageContentBox').each(function(){
    if($(this).is(":visible"))
    {
        if(!$(this).is("#box"+index))
            $(this).slideToggle(200);
    }
});
val.slideToggle(200);
}