1

我已经查看了很多其他帖子，所以请修改这不是重复的，因为其他帖子没有回答我的查询。我有以下 HTML：

<div id="page"></div>
<div id="page1">
  <h1>Page One</h1>
  <a href="#" id="topage2">Page 2</a>
</div>
<div id="page2">
  <h1>Page Two</h1>
  <a href="#" id="topage1">Page 1</a>
</div>

我将如何使用 JQuery 制作动画并向上滑动“page2”DIV 以替换“page1”div，反之亦然？我试过了：

var page1 = $('#page1').offset();
var page2 = $('#page2').offset();
page2.top = page1.top;
page2.left = page1.left;

只是为了测试它，看看我是否可以用'page2'替换'page1'，但它不起作用。显然，该代码包含在指向每个页面的超链接使用的函数中，即 $('#topage1').click 等...

有没有人有任何想法，就像我说的已经看过其他一些问题和答案，但它们似乎都没有工作或做我想要的。提前感谢您的帮助。

4

1 回答 1

0

使用 JQuery，您可以简单地：

$( "#page1" ).slideUp();
$( "#page2" ).slideDown();

http://api.jquery.com/slideup/

于 2015-02-21T17:36:08.167 回答