导航菜单没有动画右侧

Question

我正在尝试整理一个固定在屏幕右侧的垂直导航栏，此时它显示正常，但我想要的是当用户点击其中一个选项时，菜单会扩展向左转。目前它确实扩展，但它不起作用，下面的所有其他菜单选项关闭，新菜单扩展扩展到所选的选项下面，它应该扩展到顶部，希望你会明白我的意思我创造了这个jsfiddle。我的版本使用的是图像而不是颜色，但希望无论哪种方式都是相同的

jsFiddle

只是为了让你知道它不仅仅是扩展菜单选项的情况，滑过的位是一个新的图像，所以我认为它需要是一个新的div等。

无论如何，非常感谢你们所有的帮助。

Answer 1

除了A.K的答案之外，我还快速嘲笑你。它并不完全像你需要的那样，因为我在工作，但它告诉你这可以用纯CSS3来完成。

http://jsfiddle.net/NDqdt/2/

编辑：好的，我感到无聊，你在这里 - 完全正常运作：http://jsfiddle.net/NDqdt/4/