【问题标题】:Slide Up Slide Down at one time jQuery [closed]向上滑动一次向下滑动jQuery [关闭]
【发布时间】:2013-03-06 17:46:41
【问题描述】:

我尝试同时制作 slide upslide 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/

【问题讨论】:

标签: jquery html css animation


【解决方案1】:

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

【讨论】:

  • 是的,像这样...只是我想让 h1 h2 处于相对位置的小问题
  • 如果你想保留position : relative;,你可以使用margin-top。这是修改后的版本 - jsfiddle.net/6yNGm
  • 好伙伴!非常感谢!
  • 很高兴为您提供帮助。请记住,这些元素实际上并没有重叠。使用.delay() 防止它们同时发生冲突和弹出。干杯!
猜你喜欢
  • 2012-03-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多