Отбор нужного элемента js

Доброго времени суток!

Есть задача следующего плана.

Нужно для второго дива с классом y присвоить display:none

Особенность в том, что параграфов может быть разное количество, как и

самих этих дивов с классом y, и например div:nth-child тут не подходит.

<div class="x">

  <div class="y">...</div>

  <p>...</p>

  <p>...</p>

  <p>...</p>

  <p>...</p>

  <div class="y">...</div> <!-- вот этому диву присвоить display:none -->

  <div class="y">...</div>

  <p>...</p>

  <p>...</p>

</div>

https://jsfiddle.net/Zumzum/6jhrtkLy/1/