使用jQuery调整标题高度

时间:2016-08-02 14:52:38

标签: jquery wordpress header height

当单击顶部菜单项并打开子菜单时,我正在尝试使用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

0 个答案:

没有答案