jQuery是一款流行的JavaScript庫，它提供了很多方便快捷的方法。在Web開發中，我們需要展開或收縮一個Div時，通常需要編寫大量的JavaScript代碼。但是使用jQuery，我們可以通過幾行代碼來實現這種效果。
下面是一個簡單的實例，展示了如何使用jQuery來創建一個具有展開和收縮功能的Div：
<html>
<head>
<script src="https://code.jquery.com/jquery-3.5.0.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script>
$(document).ready(function(){
$(".btn").click(function(){
$(".content").slideToggle();
});
});
</script>
</head>
<body>
<div class="container">
<button class="btn">展開/收縮</button>
<div class="content">
<p>這是要顯示/隱藏的內容。</p>
</div>
</div>
</body>
</html>上面的代碼創建了一個按鈕和一個帶有內容的Div。當按鈕被點擊時，使用slideToggle方法顯示或隱藏Div。這樣做可以輕松地在Web頁面中實現Div展開/收縮的效果。