javascript - jQuery .toggle('Slide')未显示我的内容

我正在为网站建立社交媒体链接，但是应该是一旦用户将鼠标悬停在Icon上，就会在Social Media / Link图标的右侧滑出。
我有此JQuery代码，用于控制用户悬停时发生的情况：

$("#share").hover(function() {
      $("#social-icon-content").toggle('slide');
      $("#share a").animate({opacity:'1'}, 1);
      $("#share-button").animate({opacity:'1'}, 1);
    });

在Google chrome的控制台中查看时，它表明正在滑动内容，但滑动完成后什么也没有发生，它从display: none;切换到display: block;。

如果您想了解更多信息，请点击这里链接到JSFiddle。

最佳答案

您需要做的所有事情：


为float: left和#share-button添加#social-icon-content属性
将width: 230px; display: block;设置为.wsite-social.wsite-social-default
为position: absolute设置#social-icon-content属性
为display: inline-block; float: left;添加.wsite-social-item属性


而已！

Fiddle

关于javascript - jQuery .toggle('Slide')未显示我的内容，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36377757/