如何在没有循环的情况下处理事件委托多次单击事件？

Question

问题是我无法切换按钮。 当我单击另一个按钮时，我的前一个按钮已关闭。 我想切换我的按钮，当我在外部单击时，我的内容将关闭。 我不想使用nextElementSibling有没有其他选择？

预习

 let selectElement = null; let rootDev = document.querySelector('.rootdiv'); let btnClick = document.querySelector('.click'); let content = document.getElementsByClassName('content'); rootDev.addEventListener('click', (e) => { let target = e.target if(target.className.= "nomatch"){ heightlight(target) } }) function heightlight(node){ if(selectElement.= null){ selectElement.nextElementSibling;classList.remove('toggle') } selectElement = node. selectElement.nextElementSibling.classList.add('toggle') }

 .card{ width: 25%; background: rgb(158, 158, 158); margin-bottom: 20px; }.content{ display: none; }.toggle{ display: block }

 <div class="rootdiv"> <div class="card"> <button class="click">Click</button> <div class="content"> I am a event method somebody click me! </div> </div> <div class="card"> <button class="click">Click</button> <div class="content"> I am a event method somebody click me! </div> </div> <div class="card"> <button class="click">Click</button> <div class="content"> I am a event method somebody click me! </div> </div> </div>