JQuery селектор родителей и братьев и сестер

Question

У меня есть div структура, которую я не могу изменить. В outer-container два inner-container с. Я хочу переключить inner-container2. Кнопка находится в первой inner-container.

Эта структура повторяется снова и снова. Поэтому я не могу выбрать имя класса (inner-container2). Это имя класса появляется часто.

Я должен выбрать что-то вроде: перейти на один уровень вверх от кнопки и взять следующий div

<div class="outer-container">
  <div class="inner-container1">
    <div class="button">
    </div>
  </div>
  <div class="inner-container2">
  </div>
</div>

Эта группа приходит снова и снова.

Я хочу иметь скрипт, который начинается с нажатия кнопки и открывает только inner-container2 в той же группе.

$(document).on('click', '.button', function(){
  $('?????').toggle('slow');
});

Answer 1

$(document).on('click', '.button', function() {
  $(this).parent().next().toggle('slow');
});

.inner-container2{
  background-color:gray;
  height : 50px;
  width : 50px
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="outer-container">
  <div class="inner-container1">
    <div class="button">
      <button>BUTTON1</button>
    </div>
  </div>
  <div class="inner-container2"></div>
</div>

Я сделал пример, используя ваш код, только что добавил CSS для определения функциональности.