mouseover - mouseout 保持 div 显示直到下一次翻转

Question

使用以下代码，如何在鼠标滚离触发器后保持 div 打开而不隐藏，直到另一个触发器滚动？

我在http://griffithsandpartners.com.gridhosted.co.uk/services-3/上使用此代码，客户希望在服务按钮上进行翻转操作，但由于其中有很多文本，您可以不要在不关闭触发器的情况下向下滚动查看它，然后它就被隐藏了。

他们不想点击打开。

非常感谢您在这里的帮助。

Answer 1

一种方法是您删除onmouseout所有pop-up-triggers内容，然后将 a 设置onmouseout=document.getElementById('ALL-THE-POP-UP-BOX').style.display = 'none';为 divclass="postcontent clearfix"

像这样：

<div class="postcontent clearfix" onmouseout=document.getElementById('ALL-THE-POP-UP-BOX').style.display = 'none';>

因此，当鼠标离开时，pop-up-triggers它不会隐藏，pop-up-box但如果鼠标离开 postcontent clearfix div，它将隐藏所有显示的弹出框。

注意：您必须全部隐藏pop-up-box，pop-up-trigger mouseover以便只显示当前的弹出框。

希望这可以帮助。