好吧,长话短说,我要做的就是更改jquery,让新的部分在旧div的顶部向下滑动,然后向上滑动旧的div,只制作新的内容框出现。截至目前,代码完美地向上滑动旧部分,然后向下滑动新内容。
Javascript的代码示例
$(document).ready(function(){
function doTab() {
$(".active").removeClass("active");
$(this).addClass("active");
$(".content").slideUp();
var content_show = $(this).attr("title");
$("#"+content_show).slideDown();
}
// When a link is clicked
$("a.tab").click(doTab);
if (window.location.hash) {
$('a[title="' + window.location.hash.substring(2) + '"]').click();
}
});
标签和章节的代码
<ul id="tabs">
<li><a href="#" title="type1" class="tab active">type1</a></li>
<li><a href="#" title="type2" class="tab">type2</a></li>
</ul>
<!--<div class="dpoint-holder"><div class="dpoint"></div></div>-->
<section id="type1" class="content">
<p>contents1contents1contents1contents1contents1</p>
</section>
<section id="type2" class="content content_2">
<p>contents2contents2contents2contents2</p>
</section>