Javascript 试图让我的社交链接在它们上方停留时保持静止

Javascript 试图让我的社交链接在它们上方停留时保持静止,javascript,jquery,html,css,Javascript,Jquery,Html,Css,每当我将鼠标悬停在我网站上的社交链接上时,它们就会向左移动。这是在我在jQuery中使用scrollToggle函数之后开始的,所以我觉得这可能与此有关。有人知道我怎么做才能让他们在悬停时保持静止吗?提前谢谢 jQuery code: $(document).ready(function(){ $("#slide").hide(); $("#contact").click(function() { $(".socials").show();

每当我将鼠标悬停在我网站上的社交链接上时,它们就会向左移动。这是在我在jQuery中使用scrollToggle函数之后开始的,所以我觉得这可能与此有关。有人知道我怎么做才能让他们在悬停时保持静止吗?提前谢谢

jQuery code:

$(document).ready(function(){
        $("#slide").hide();
        $("#contact").click(function() {
           $(".socials").show();
           $("#slide").slideToggle("slow");
     });      
  });
代码/网站示例的其余部分(单击“联系人”,然后将鼠标悬停在任何社交链接上。您应该注意到它会移到左侧。)
从CSS中删除以下语句:

div:hover {
  width: 300px;
}

从CSS中删除以下语句:

div:hover {
  width: 300px;
}