Javascript 启动/停止webkit动画onclick而不是on:hover

我在启动动画时遇到一些问题。菜单被单击而不是悬停。单击“我的功能clickeffect”中应该包含哪些内容以在单击时启动动画

它不会让我张贴问题，所以这里有一些更多的话

功能显示菜单（）{
var menu=document.getElementById（'mobile-menu'），maxH=“148px”；
如果（menu.style.height==maxH）{
menu.style.height=“0px”；
}否则{
menu.style.height=maxH；
}
}
函数clickeffect（）{
var burgermenu=document.getElementByClassName（'menu'）；
}

菜单{
位置：相对位置；
显示：内联块；
宽度：30px；
高度：30px；
利润率：25px；
}
.菜单范围{
保证金：0自动；
位置：相对位置；
顶部：12px；
}
.菜单范围：之前，.菜单范围：之后{
位置：绝对位置；
内容：''；
}
.menu span、.menu span:之前、.menu span:之后{
宽度：30px；
高度：6px；
背景色：白色；
显示：块；
}
.菜单范围：之前{
边缘顶部：-12px；
}
.菜单范围：之后{
边缘顶部：12px；
}
.菜单范围{
-webkit转换持续时间：0s；转换持续时间：0s；
-webkit转换延迟：0.2s；转换延迟：0.2s；
}
.菜单：悬停范围{
背景色：rgba（0,0,0,0.0）；
-webkit转换延迟：0.2s；转换延迟：0.2s；
}
.菜单范围：之前{
-webkit转换属性：边距，-webkit转换；转换属性：边距，转换；
-webkit转换持续时间：0.2s；转换持续时间：0.2s；
-webkit转换延迟：0.2s，0s；转换延迟：0.2s，0s；
}
.菜单：悬停范围：之前{
边际上限：0；
-webkit变换：旋转（45度）；变换：旋转（45度）；
-webkit转换延迟：0s，0.2s；转换延迟：0s，0.2s；
}
.菜单范围：之后{
-webkit转换属性：边距，-webkit转换；转换属性：边距，转换；
-webkit转换持续时间：0.2s；转换持续时间：0.2s；
-webkit转换延迟：0.2s，0s；转换延迟：0.2s，0s；
}
.菜单：悬停范围：之后{
边际上限：0；
-webkit变换：旋转（-45度）；变换：旋转（-45度）；
-webkit转换延迟：0s，0.2s；转换延迟：0s，0.2s；

---

点击，在

菜单上切换一个类，比如说
活动的
。然后在CSS中，更改
。菜单：悬停
到
。活动的
问题不清楚。js函数showmenu正在尝试访问元素移动菜单。这个元素定义在哪里？你为什么要向sho传递参数wmenu和clickeffect从未使用过？像这样？不确定“在菜单上切换类”是什么意思