在用javascript编码了很长时间之后，我想尝试做一个没有任何javascript（当然也没有jQuery）的漂亮网站。我想做一个带有标签的下拉菜单，比如这个网站：下拉标签。但是这个是JavaScript的。我做到了：http://jsfiddle.net/jHeRm/。但是当我添加过渡时，我遇到了一个问题：过渡是从一点到另一个点，如果不计算我无法知道起点（li的高度*li的数量）。
我怎样才能以任何方式完成这种转换，但没有jQuery，javascript，php，ID和类？
编辑：我想到了一种方法，从bottom:0px过渡到top:21px，但过渡总是从top:0px开始到top:21px
您可以使用CSS并对嵌套ul的高度进行动画处理：
http://jsfiddle.net/jHeRm/2/
以下是使用负边距的更新版本：
http://jsfiddle.net/jHeRm/4/