コンテンツが異なるため、高さが異なる3つのドロップダウンメニュー(横に並んでいる)を備えたナビゲーションがあります。
現在、ホバー時の各ドロップダウンが0から始まり、その高さにアニメーション化されるように動作しています。
現在の高さを覚えてこれを改善したいので、マウスが次のドロップダウンに移動すると、高さが異なるだけでアニメーション化されます。
誰かがこれで私を助けてくれますか?
これは私がこれまでに持っているものです:
var expandLi = $('#header .nav .wrapper > ul > li.expand');
$(expandLi).hover(function(){
var startHeight = 0;
var maxHeight = $(this).find('.expandPanel').height();
$(this).find('.expandPanel').height(startHeight);
$(this).find('.expandPanel').animate({'height':maxHeight});
}, function(){
$(this).find('.expandPanel').fadeOut();
});