[stomaks]

Мой код:

#menu {
  display: flex;
  overflow: auto;
}
.item {
    min-width: 50%;
}

<div  id="content">
  <div  id="menu">
    <div class='item' id="item0">0</div>
    <div class='item' id="item1">1</div>
    <div class='item' id="item2">2</div>
  </div>
</div>

Нужно при клике на item0 прокрутить menu по горизонтали до item1.
Примечание. item0, item1, item2 ... имеют ширину 50%.
Тут рабочий пример (если можно конечно): jsfiddle.net/ydwvq1xt/

Уже сломал голову, никак не выходит.
Помогите реализовать это с помощью jquery.