单击单独的链接时如何启动：悬停？答案

【问题标题】：How to initiate :hover when clicking on a separate link?单击单独的链接时如何启动：悬停？
【发布时间】：2012-08-03 16:12:12
【问题描述】：

当我点击我网站顶部的“联系方式”时，我试图让我的联系表格弹出。我的网站网址是http://www.integritydesigns.com。

现在，我网站顶部的联系链接链接到页面底部的 id (#contact)。当前，仅当您将鼠标悬停在页面右下角的 CONTACT US div (.dropdown) 上时，才会显示联系表单。我也希望在有人点击顶部导航栏中的“联系方式”时显示该表单。

我确信它可以用 Javascript 完成，但我不知道从哪里开始。任何帮助将不胜感激。谢谢！

【问题讨论】：

【解决方案1】：

您想从一个单独的位置启动“悬停”并不多，而是您想使用两个不同的触发器“显示一个 div”。

查看用于在悬停时显示“联系人”<div> 的代码。您可以对链接使用相同类型的配方，但不要使用“onhover”触发器，而是使用“onclick”。您可以将链接的“href”属性设置为“#”。

【讨论】：

【解决方案2】：

在 CONTACT 单击处理程序中使弹出窗口可见。可能，通过为其分配一些 css 类。

【讨论】：

【解决方案3】：

在您的顶部菜单链接中，我会输入类似onclick="document.getElementById("form").style.display='block'" 的内容（其中form 是给您的ul 的ID，其中包含表单）

当然，如果您希望它在用户滚动或点击它之外时消失，您必须进行设置。（希望其他人会为此提供建议，因为我自己一直想知道什么是最好的方法）

【讨论】：