我已经审阅了很多其他帖子,所以请确认这不是重复的,因为其他帖子没有回答我的问题。我有以下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等。
有人有什么想法吗,就像我说的,已经研究了其他一些问题和答案,但似乎都不起作用,也没有做我想做的事。提前感谢您的帮助。
使用JQuery,您可以简单地:
$( "#page1" ).slideUp();
$( "#page2" ).slideDown();
http://api.jquery.com/slideup/