没有JS的Dropline菜单

Question

我一直在寻找没有JS的dropline菜单 - 但没有运气。 我正在尝试构建一个像vimeo.com那样的菜单，但是关于制作dropline的大多数教程都是使用这样的：

.submenu { display:none; }
li.item:hover > .submenu { display:block; }

Insted我想用overflow：hidden;显示子菜单。 这样的事情：http://jsfiddle.net/tuplet/Jv77L/

在这个例子中，我使用jQuery来确定当你悬停列表项时#top的高度从40px到80px。这实际上是我的主要问题，因为我不知道如何在没有jQuery的情况下做到这一点？如何在悬停li？

时改变#top高度

我不知道是否可能（或最好的方式），但如果您有任何想法，请告诉我:)）

由于

Answer 1

删除javascript，将其添加到您的css：

#top:hover { 
    height:80px;
}