任务：我想创建一个简单的共享按钮，单击该按钮会延伸到共享部分（F、T、G、P）。
我没有让该部分滑出共享按钮——我真正非常想要的——但设法让一个单独的ul元素从右侧滑出。
动画工作......直到我ul最初通过设置隐藏$('.networks').hide();
这些部分仅在单击后显示，但现在在第一次单击后它只是“弹出打开”而忽略了配置的滑出。至少单击一次后，滑动只能在两个方向（打开和关闭）上起作用。
我在 Codepen.io和jsFiddle上传了一个示例。
旁注：演示的行为有点奇怪，因为它们似乎只显示了一个幻灯片效果。我们开始使用的滑出式效果器总是看起来像弹出一样 - 事实并非如此，它在第二次点击后工作，所以你必须集中注意力才能看到它（在普通浏览器上它明显效果更好） .
PS：如果你帮我把这张幻灯片从“分享”按钮中取出，可以加分。请注意，我只有基本的 Javascript 知识（* duck and run *）。