Javascript JQuery.toggle（'；幻灯片'；）未显示我的内容

我正在为一个网站制作一个社交媒体链接，但是一旦用户将鼠标悬停在图标上方，就会在社交媒体/链接图标的右侧滑出。 我有一个JQuery代码来控制用户悬停时发生的事情：

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

在谷歌chrome的控制台中查看时，它显示is正在滑动内容，但在滑动完成后，什么也没有发生，它从

display:none切换至<代码>显示：块

如果您想查看更多信息，这里有一个指向的链接。
由于链接中没有任何内容，因此不会显示任何内容

<a href="link">Text To be shown</a>



您尚未输入任何带链接标记的文本

如果要在不显示任何文本的情况下显示背景图像，有两个选项：

将高度和宽度添加到“跨距和生成”显示块

跨度{
显示：块；
高度：50px；
宽度：50px；
}

向具有背景图像的范围添加填充

跨度{
填充：20px；
}

代码更改很少的工作示例：
您需要做的全部工作：

为
#共享按钮
和
#社交图标内容
设置
宽度：230px；显示：块用于
.wsite-social.wsite-social-default

设置社交图标内容的绝对属性
添加
显示：内联块；浮动：左网站社交项目的属性

就这样

CSS有图像/背景，它们不应该是text@AniMenon点击“正在工作”的JSFIDLE似乎链接到了原始的FIDLE，而没有修改..wsite社交图标{display:block；}这有帮助，图标现在正在显示，但它们是水平的，我需要它是垂直的@AniMenon它帮我们找到了答案！