Jquery 菜单下拉菜单，图标不显示'；行不通

我有一个下拉菜单，点击按钮显示菜单

我必须添加一个图标：>当点击菜单时，图标需要改变位置，问题是它不会回来

有人能帮我修复这个代码，这样关闭菜单就会使图标返回吗

函数myFunction（）{
document.getElementById（“myDropdown”）.classList.toggle（“show”）；
}
//如果用户在下拉列表之外单击，请关闭下拉列表
window.onclick=函数（事件）{
如果（！event.target.matches（'.dropbtn'））{
var dropdowns=document.getElementsByClassName（“下拉内容”）；
var i；
对于（i=0；i

.dropbtn{
背景色：透明；
颜色：#000；
填充：16px 0px 0px 20px；
字体大小：16px；
边界：无；
光标：指针；
}
.dropbtn:以前{
内容：“\003e”；
颜色：#000；
右边填充：10px；
}
.dropbtn:悬停：之前{
内容：“\003e”；
显示：内联块；
-webkit变换：旋转（90度）；
-莫兹变换：旋转（90度）；
-o变换：旋转（90度）；
-ms变换：rotateZ（90度）；
变换：平移（-5px，5px）旋转（90度）；
}
.dropbtn:悬停，
.dropbtn:焦点{
背景色：透明；
颜色：#000
}
.下拉列表{
位置：相对位置；
显示：内联块；
利润率：50px 0px；
宽度：100%；
z索引：0
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#fff；
溢出：自动；
宽度：100%；
填充底部：40px
}
#菜单类别{
保证金：0
}
.下拉内容a{
颜色：#000；
填充：12px 0px 0px 60px；
文字装饰：无；
显示：块；
宽度：100%；
字体大小：14px；
}
.表演{
显示：块；
}

概述
…菜单代码。。。

如错误消息所示，此处有一个错误：

如果（！event.target.matches（'.dropbtn'））{…

，声明对象

事件的方法
匹配
未知。target
@FDavidov谢谢，但这不是问题，无论如何，我在控制台中看不到该行中的任何错误。运行代码段，您将看到它。@FDavidov我尝试过，但菜单工作，问题是图标找不到让它工作的好代码好的。正如错误消息所示，这里有一个错误：
if（！event.target.matches（'.dropbtn'））{…
，声明对象
事件的方法
匹配
未知。target
@FDavidov谢谢，但这不是问题，无论如何，我在控制台中看不到该行中的任何错误。运行代码段，您将看到它。@FDavidov我尝试过，但菜单工作，问题是图标找不到让它工作的好代码好。