jQuery .animate()“切换”

Question

我一直在玩jQuery导航菜单，为了示例起见，我对它做了一个模拟：http://jsfiddle.net/DerFlatulator6/3jYhh/1/

我遇到了一个问题，它的作用与我所希望的完全相反。我的悬停事件代码如下：

$(this)
    .addClass('selected')
    .children('ul')
        .animate({'height': 'toggle'}, 300);

经过修修补补，我想到了这个

$(this)
    .addClass('selected')
    .children('ul')
        .css('height', 'toggle')
        .animate({'height': 'toggle'}, 300);

这很管用，但我不知道为什么！有人能确切地解释到底发生了什么吗？

一个附带问题..。您会注意到，小提琴有一个三级菜单，其中的代码被隔离为垂直下降和水平下降，是有一个好的方法来写一个函数来涵盖它们，还是我应该保持原样？

Answer 1

animate({'height': 'toggle'}, 300)就像动画高度从当前到0，如果高度大于0，或者从0到前面的动画，如果当前为0。

来自http://api.jquery.com/animate/文档

除了数值之外，每个属性都可以接受字符串“show”、“hide”和“toggle”。这些快捷方式允许自定义隐藏和显示动画，这些动画考虑到元素的显示类型。

。