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