Javascript 切换菜单意外显示

Question

我有一个默认隐藏的菜单，应该在单击按钮后显示 - 没问题。

当我想再次隐藏菜单时问题就开始了 - 当我通过点击页面来隐藏它时，没关系。但是，当我想通过单击黄色按钮来隐藏它时，它会隐藏，但在单击普通文本后它会再次显示。我不知道原因，但这肯定是我不想要的。

function zobrazSkryVseobecne(idecko) {
    var miesto = document.getElementById(idecko);
    miesto.className = (miesto.className === "skryt" ? "" : "skryt");
}

这是我的全部代码:https://jsfiddle.net/tu958pwg/

预先感谢您的任何建议，并为我的英语不好而道歉。

Answer 1

好的，所以，我发现问题出在 onfocusout事件。我认为的主要问题是您在不允许的元素中使用该事件
查询 this关于onfocusout的信息事件以及您可以使用它的元素。

我知道这不是解决方案，而是您自己思考解决方案的指南。

如果我能以任何其他方式帮助您，请告诉我。