Div幻灯片在Chrome / Safari中无法正常工作

Question

我需要帮助解决这个问题，我正在创建一个社交媒体滑块，简单点击以陶醉社交媒体图标并点击隐藏，其中有一个幻灯片可以陶醉并滑入隐藏，它完美地运行正如在Firefox和IE中预期的那样但是Chrome / Safari给它带来了一个奇怪的效果，它从右到左向上滑动，这是我在jsfiddle上的一个示例：http://jsfiddle.net/R3AZM/

Answer 1

将display:table添加到div#open和div#close，并从#social-holder

中删除宽度

http://jsfiddle.net/bikerabhinav/R3AZM/3/

另外，使用.animate()可获得更清晰的效果。