当单击顶部菜单项并打开子菜单时,我正在尝试使用jQuery缩小标题的高度。到目前为止它运行良好,但我想实现一些额外的代码,检查标头是否已经在它再次运行动画之前已经缩小,即如果你已经选择了一个菜单项并想要切换到查看另一个子菜单,我不希望标题再次动画。
非常感谢任何帮助 - 这适用于使用Ubermenu的Wordpress网站。
谢谢!
var $w_banner = $('.ls-wp-container, .ls-slide');
var w_banner_height = $w_banner.outerHeight(false);
$('.ubermenu-item-level-0').on('ubermenuopen', function(evt) {
$w_banner.animate({ height: "175px" }) ;
}).on('ubermenuclose', function(evt) {
$w_banner.animate({ height: $w_banner.data('height') + "px" }).css('max-height', $w_banner.data('height'));
});
$w_banner.data('height', w_banner_height).css('max-height', w_banner_height); // Store initial height