有没有使用JavaScript将方法.collapse('show')应用于Bootstrap 4.6.x中的节点列表的解决方案？

<div id="myList" class="list-group">
  <a class="list-group-item list-group-item-action" data-toggle="collapse" href="#item1">Item 1</a>
  <div id="item1" class="collapse">
    Item 1 content
  </div>
  <a class="list-group-item list-group-item-action" data-toggle="collapse" href="#item2">Item 2</a>
  <div id="item2" class="collapse">
    Item 2 content
  </div>
  <a class="list-group-item list-group-item-action" data-toggle="collapse" href="#item3">Item 3</a>
  <div id="item3" class="collapse">
    Item 3 content
  </div>
</div>

document.getElementById('myList').addEventListener('click', function(event) {
  if (event.target.getAttribute('data-toggle') === 'collapse') {
    var target = document.querySelector(event.target.getAttribute('href'));
    if (target.classList.contains('collapse')) {
      target.classList.add('show');
    }
  }
});