上一篇: Jquery Multiselect：如何知道选... 下一篇:jQuery：在插件中添加destroy方法

jquery – 在元素动画中,为另一个动画制作动画

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jquery – 在元素动画中,为另一个动画制作动画，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_262_1@

当一个元素滑入时我需要另一个元素滑出.目前我已将其设置为fadeOut.这是我到目前为止的代码：

$('#contact').click(function () {
    $('#contact-info').animate({
        width: 'toggle'
    });
    $('#work-menu').fadeOut('100');
});
$('#menu').click(function () {
    $('#work-menu').animate({
        width: 'toggle'
    });
    $('#contact-info').fadeOut('100');
});

DEMO

如何更改此代码以使相对的元素向下滑动,而另一个元素滑入视图？

解决方法

用’隐藏’

$('#contact').click(function () {
    $('#contact-info').animate({
        width: 'toggle'
    });
    $('#work-menu').animate({
        width: 'hide'
    });
});
$('#menu').click(function () {
    $('#work-menu').animate({
        width: 'toggle'
    });
    $('#contact-info').animate({
        width: 'hide'
    });
});