无法使用jQuery可靠地隐藏和显示元素

我试图让一些文本在点击图标时出现，在按下空格键时消失。此时，它会持续出现，但只有在按下空格键之前单击页面时才会消失。任何帮助都将不胜感激

函数解决方案（）{
$（“#解决方案”）.removeClass（“solutionHide”）；
$（“#解决方案”）.html（原件）；
}
document.onkeyup=函数（事件）{
如果（event.keyCode==32）{
$（“#解决方案”）.addClass（“解决方案隐藏”）；
}
}

#解决方案{
字体大小：50px；
颜色：白色；
字体系列：“Roboto”，无衬线；
背景颜色：绿色；
边框：实心5px绿色；
利润底部：10%；
}
.解决方案{
可见性：隐藏；
}

---

如果直接在浏览器中测试，空格键会起作用。在诸如here或jsfiddle之类的代码片段工具中，输出以iframe形式出现。然后你必须聚焦窗口

您可以使用

window.focus（）

手动执行此操作

const originalAlg='BLUB'；
window.focus（）；
函数解（）{
$（“#解决方案”）.removeClass（“solutionHide”）；
$（“#解决方案”）.html（原件）；
}
document.onkeyup=函数（事件）{
如果（event.keyCode==32）{
溶液（）；
}
}

#解决方案{
字体大小：50px；
颜色：白色；
字体系列：“Roboto”，无衬线；
背景颜色：绿色；
边框：实心5px绿色；
利润底部：10%；
}
.解决方案{
可见性：隐藏；
}

函数解决方案（）{
originalAlg=“一些文本”；
$（“#解决方案”）.removeClass（“solutionHide”）；
$（“#解决方案”）.html（原件）；
}
document.onkeyup=函数（事件）{
如果（event.keyCode==32）{
$（“#解决方案”）.addClass（“解决方案隐藏”）；
}
}

#解决方案{
字体大小：50px；
颜色：白色；
字体系列：“Roboto”，无衬线；
背景颜色：绿色；
边框：实心5px绿色；
利润底部：10%；
}
.解决方案{
可见性：隐藏；
}

什么是

timerStatus

？我的代码前面定义了originalAlg。在您的代码中，问题仍然存在，在按空格键使文本消失之前，您必须单击图像的“关闭”。很抱歉，我没有在我的原始帖子中充分解释这个问题。好的，我想当你点击按钮时，你的光标仍然没有改变，直到我点击按钮外部。将元素更改为anker标记。