JavaScript折叠元素中的元素

Question

我正在尝试做一个手风琴，当单击“显示”以显示配置文件列表中的完整配置文件并用另一个按钮将其关闭时。

到目前为止，我已经完成了

<div class="short-pro">
<button class="show">Full Profile</button>
</div>
<div class="full-pro">
<button>close</button>
</div>

<div class="short-pro">
<button class="show">Full Profile</button>
</div>
<div class="full-pro">
<button>close</button>
</div>

<div class="short-pro">
<button class="show">Full Profile</button>
</div>
<div class="full-pro">
<button>close</button>
</div>

脚本：

var show = document.getElementsByClassName('show');
var full= document.getElementsByClassName('full-pro');

for (i = 0; i < accbtn.length; i++) {
 show[i].addEventListener("click", activeBtn());
}

function activeBtn() {
for (i = 0; i < active.length; i++) {
 full[i].classList.add("active");
 }
}

注意：关闭按钮尚未尝试。

我希望您对我要实现的目标有所了解。任何帮助将不胜感激！

Answer 1

抱歉，但我仍然不明白你的想法。代码未指定您要使用的功能。