Javascript 为手风琴添加关闭按钮

我正在尝试在我的每个手风琴面板中添加一个关闭按钮。这是我的剧本。它不起作用。我哪里做错了？任何帮助都将不胜感激

var acc=document.getElementsByClassName（“accordion”）；
var i；
对于（i=0；i

一
关于一个
二
大约两个
三
大约三点
四
大约四点

您的代码有很多问题。首先，一个id应该在整个html中是唯一的，因此您必须更改它以替换类的close div的id…或者更好，因为将单击

标记，所以您应该在这些元素上设置一个类

<div><a href="#" class="close">Close</a></div>

---

正如您所见，代码还不完整，但这是一个很好的开端，可以帮助您了解如何编写dom元素以及如何使用jquery处理它们。

如果只有一个关闭按钮，那么它的功能必须是循环之外的。

$（“#关闭”）

将返回id=close的项，因此假设您的id在整个DOM中是唯一的，它将始终是相同的元素。不确定

$（“accordion”）

如果您正在查找一个类，请在它前面添加一个

。如果它是一个id，请添加一个

。

每次单击accordion节点时，您的代码都会添加一个额外的eventlistener。@the_Black_Smurf-我附加了我的html。也许这可以帮助您更好地理解我的脚本？我对javascript非常陌生，因此，非常抱歉

//Select the close elements
$(".close").click(function() {

    var closeLink = $(this);

    //The root of the widget
    var widget = closeLink.closest(".accord");

    //This is the accordion you'll be closing
    var closeAccordion = closeLink.closest(".accordion");

    //The other accordion element (every acordions execpt the closing one)
    var otherAccordion = widget.children(".accordion").not(closeAccordion); 

    //From there you can implement you logic using the variable above

});