使用JavaScript切换（显示/隐藏）子菜单

我正在开发一个不能使用jQuery的网站（请不要评论它有多好，这是禁止的），我需要复制类似.toggle（）的东西，只用于显示/隐藏带有类的div

我有一组带箭头的框，这个箭头可以展开一个子菜单。让我们看一个例子：

<div class="box">
    <div class="box-utils">
        <a href="#" class="up">&nbsp;</a>
    </div>

    <h2>Example case</h2>

    <div class="box-submenu hidden">
        <ul />
    </div>
</div>

例

我需要单击

中的

显示/隐藏box子菜单类。当它被隐藏时，

需要class=“向下”，当它未被隐藏时，需要class=“向上”。这也需要在同一页面中处理多个案例

有人能帮我吗

---

提前谢谢你

创建一个如下所示的切换函数，在DIV上提供一个id属性（称之为box子菜单或其他内容），并从锚点调用该函数，然后使用该id查找您想要隐藏/显示的内容

<script language="javascript"> 
function toggle() {
    var ele = document.getElementById("box-submenu");
    var link = document.getElementById("linkId");
    if(ele.style.display == "block") {
        ele.style.display = "none";
        link.className = "down";
    }
    else {
        ele.style.display = "block";
        link.className = "up";
    }
} 
</script>

函数切换（）{
var ele=document.getElementById（“框子菜单”）；
var link=document.getElementById（“linkId”）；
如果（ele.style.display==“块”）{
ele.style.display=“无”；
link.className=“向下”；
}
否则{
ele.style.display=“块”；
link.className=“向上”；
}
} 

我假设

displayText

id指的是锚定标记？此外，您的答案不处理更改锚的类（而不是文本）的要求。在3分钟之前不处理！：有没有一种简单的方法来处理事件而不是侵入性的？所以我没有在

上使用onclick=“”？非常感谢。如果不能使用像jQuery这样的框架，则需要使用锚点上的onClick属性。