Question

到目前为止，我设法做到这一点，所以它以120的增量向下移动，但我希望它上下移动，而不是上下......我希望我已经解释了这个“某人”会明白的。

  <script>
  $(document).ready(function() {
    $('#footertab').click(function() {
      $('#footer').animate({
        bottom: '-=120'
      }, 1000, function() {
        // Animation complete.
      });
    });
  });
  </script>

Answer 1

如果我做对了，你就想切换页脚的位置。这可以通过.toggle（） - function：

来完成

$(document).ready(function() {
  $('#footertab').toggle(function() {
    $('#footer').animate({
      bottom: '-=120'
    }, 1000);
  },function() {
    $('#footer').animate({
      bottom: '+=120'
    }, 1000);
  })
});

Answer 2

您可以使用.toggle()：

$(function() { //shortcut for $(document).ready(function() {
  $('#footertab').toggle(function() {
    $('#footer').animate({ bottom: '-=120' }, 1000);
  }, function() {
    $('#footer').animate({ bottom: '+=120' }, 1000);
  });
});

使用.toggle()，每个click事件都会在运行-=和+=动画之间切换。另请注意，如果不执行任何操作，则无需包含动画回调，只需将其关闭即可。

Answer 3

听起来像slideToggle（）http://api.jquery.com/slideToggle/可能适合你。

Answer 4

<script>
  $(document).ready(function() {
    $('#footertab').toggle(
      function() {
        $('#footer').animate({
          bottom: '-=120'
        }, 1000, function() {
          // Animation complete.
        });
      },
      function() {
        $('#footer').animate({
          bottom: '+=120'
        }, 1000, function() {
          // Animation complete.
        });
      },
    );
  });
  </script>

jQuery .click .animate向下移动，然后向上移动

4 个答案: