javascript - 试图让我的社交链接在悬停时保持静止

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.