如何关闭数组中未选中的Div？Shopify中的Javascript

<div id="container">
  <div id="div1" class="div-item">Div 1</div>
  <div id="div2" class="div-item">Div 2</div>
  <div id="div3" class="div-item">Div 3</div>
  <div id="div4" class="div-item">Div 4</div>
  <!-- 更多的Div -->
</div>

var divs = document.querySelectorAll('.div-item');

function closeUnselectedDiv() {
  var clickedDiv = this; // 获取被点击的Div元素

  divs.forEach(function(div) {
    if (div !== clickedDiv) {
      div.style.display = 'none'; // 隐藏未选中的Div
    }
  });
}

// 给每个Div元素绑定点击事件
divs.forEach(function(div) {
  div.addEventListener('click', closeUnselectedDiv);
});