任务：我想创建一个简单的共享按钮，当单击时，它会扩展到共享部分(F、T、G、p)。
我没能让该部分从共享按钮中滑出-我真正想要的东西-但我设法让一个单独的ul元素在右侧滑出。
动画工作…直到我通过$('.networks').hide();将ul设置为隐藏
这些部分原本只会在点击后显示，但现在第一次点击后，它会"弹出"，忽略配置的滑出。滑动只能在两个方向上工作(打开和关闭)至少单击一次。
我在Codepen.io上传了一个示例，并作为jsFiddle。
旁注：演示的行为有点奇怪，因为它们出现只是在fx中显示幻灯片。我们开始使用的滑出式fx看起来总是弹出的-事实并非如此，它在第二次点击后就可以工作，所以你必须集中注意力才能看到它(在普通浏览器上，它明显地工作得更好)。
PS:如果您帮助我从"共享"按钮中滑出这张幻灯片，将获得奖励积分。请注意，我对Javascript(*duck-and-run*)只有基本的了解。
看看这个fiddle链接。
我将按钮的显示属性更改为内联块，而不是内联。内联显示的元素不能有宽度，我认为这就是jQuery无法对元素宽度设置动画的原因。我还设置了环绕ul而不是ul的动画。
编辑：制作了一个从按钮上滑出的东西的快速模型。将一些css更改为列表元素本身，而不是a元素，只需处理css，我认为它看起来会很好。编辑忘记链接：链接