使用jQuery和CSS3垂直向下滑动框菜单

Question

我正在尝试更改this示例并以垂直方向执行此操作。问题是当我改变动画而不是向下时我失败了。 25线是我认为的那种行为的原因：

 .animate({'height':'+=170px'},300,

我试图改变高度到宽度，但它没有意义。所以here是使用的jsfiddle示例，看看我的意思。

Answer 1

Oookay，也许我明白你需要什么。你是对的，首先你必须将'height'改为'width'（第25行），也是第44行！

在您需要更改某些css后，以获得适当的背景。 在第52行：

ul.sdt_menu li span.sdt_active{
    position:absolute;
    background:#111;
    top:0px;
    width:0px;
    height:170px;
    left:170px;
    z-index:14;
    -moz-box-shadow:0px 0px 4px #000 inset;
    -webkit-box-shadow:0px 0px 4px #000 inset;
    box-shadow:0px 0px 4px #000 inset;
}

http://jsfiddle.net/cxveG/15/