悬停在社交链接上时要使其保持静止

Question

每当我将鼠标悬停在网站上的社交链接上时，它们就会向左移动。当我让jQuery中的scrollToggle函数开始工作后，这种情况开始发生，所以我觉得它可能与此有关。有谁知道我能做到这一点，以便将鼠标悬停在上面时保持静止？预先感谢。

jQuery code:

$(document).ready(function(){
        $("#slide").hide();
        $("#contact").click(function() {
           $(".socials").show();
           $("#slide").slideToggle("slow");
     });      
  });

其余的代码/网站示例（单击“联系人”，然后将鼠标悬停在任何社交链接上。您应注意，它移到了左侧。） https://jsfiddle.net/Lc2ob45x/

Answer 1

从CSS中删除以下语句：

div:hover {
  width: 300px;
}

Working version.