向上滑动幻灯片一次jQuery

时间:2013-03-06 08:51:13

标签: jquery html css animation

我尝试一次制作 slide up slide down div。

我希望第一个 div slide down 成为隐藏的下一个 div slide up

我想在动画

时使这些元素重叠

的jQuery

        $(document).ready(function () {
                $('.plus').click(function () {
                   $('header h1').animate({ 'margin-top': '999px', opacity: 'toggle' }, 1500);
                   $('header h2').animate({ 'margin-top': '0px', opacity: 'show' }, 1200);
            });

            $('.minus').click(function () {
                  $('header h2').hide('slow');
                  $('header h1').show('slow');
             });
           });

感谢您的任何想法!

在这里演示http://jsfiddle.net/n7Ejs/

1 个答案:

答案 0 :(得分:1)

通过使用.delay(timeToWait),您应该能够根据需要微调动画序列/顺序。我在jsFiddle上修改了你的代码。我不确定这是否是你想要实现的目标,但希望它有所帮助! http://jsfiddle.net/EVN3v/