jQuery是一款非常受歡迎的JavaScript庫，它可以幫助開發(fā)者更加便捷地處理網(wǎng)頁中各種操作。其中一個非常常見的操作就是在div之間進行切換，而加上動畫效果更能增強用戶體驗。

<!-- HTML代碼 -->
<div class="box">
<div class="content-1">
<p>這是第一頁的內容</p>
</div>
<div class="content-2">
<p>這是第二頁的內容</p>
</div>
</div>
<!-- JS代碼 -->
$(function() {
$(".content-2").hide();
$(".box").on("click", function() {
if ($(".content-1").is(":visible")) {
$(".content-1").slideUp(500);
$(".content-2").slideDown(500);
} else {
$(".content-2").slideUp(500);
$(".content-1").slideDown(500);
}
});
});

在上述代碼中，我們首先將第二頁的內容隱藏起來。當點擊.box元素時，會判斷當前顯示的頁數(shù)（通過判斷.content-1元素是否可見），然后使用slideUp和slideDown方法來實現(xiàn)切換動畫的效果。

如果你想要實現(xiàn)更多樣化的切換動畫，可以使用jQuery的animate方法，通過自定義CSS屬性的變化來實現(xiàn)動畫效果。例如：

$(".content-1").animate({
"opacity": 0,
"left": "-50px"
}, 500, function() {
$(".content-1").hide();
$(".content-2").show().animate({
"opacity": 1,
"left": "0px"
}, 500);
});

在這段代碼中，我們通過改變.opacity和.left屬性的變化來實現(xiàn)淡入淡出和左右移動的動畫效果。