<div class="accordion">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

.accordion {
  display: flex;
  height: 150px;
}

.item {
  flex-grow: 1;
  background: var(--bg);
  transition: 0.3s ease;
}
.item:hover {
  flex-grow: 2;
}

.item:nth-child(1) { --bg: red; }
.item:nth-child(2) { --bg: green; }
.item:nth-child(3) { --bg: blue; }
.item:nth-child(4) { --bg: yellow; }
.item:nth-child(5) { --bg: magenta; }