Javascript 关于单击或悬停功能

我们有一个代码，当你点击图标时，会出现一个div。 我们想让它在鼠标悬停在图标上时出现，而不是单击。 我们怎么做

此代码位于我的Wordpress主题的页脚部分。 它需要改变才能像我想要的那样工作。代码如下：

$（文档）.ready（函数（）{
var-i=0；
$（“#社交媒体”）。单击（函数（）{
$（“#媒体图标”）.slideToggle（“快速”）；
如果（searchi==0）{
$（此）.addClass（“searchAct1”）；
searchi=1；
}否则{
$（此）.removeClass（“searchAct1”）；
searchi=0；
}
});
});

而不是

。单击（函数（）{//code here；}）使用
.mouseover（函数（）{//code here；}）

然后使用
.mouseout（function（）{//reverse code here；}）将其撤消
我看到这些元素是嵌套的，所以您可以仅使用样式来实现这一点

.a{
color:blue;
}
.a .b{
    color:red;
}
.a:hover .b{
    color:green;

HTML:


A.
B

在本例中，当光标位于嵌套类的父对象上（悬停）时，您可以覆盖嵌套类的行为（例如显示：无/块）
Wild guess，用
mouseenter
替换
click
。非常感谢。但它需要再次盘旋才能消失。当我将鼠标光标从图标上移开时，如何使其消失？@sezeri。我来试试，给我两个minutes@sezeri.  我想这就是你要找的。我将
slideToggle（）
更改为
slideUp（）
和
slideDown（）
非常感谢！但当我将光标放在#medias icons div上时，它会向上滑动：/当我将光标放在#medias icons div上时，如何使其停止？@sezeri。您几乎可以按照“如果鼠标越过社交媒体或媒体图标，然后显示媒体图标”的思路编写代码
<div class="a">
    a
    <div class="b">
        b
    </div>
</div>