CSS中展開關閉效果是一個十分實用的特性。它可以讓頁面中的一些內容在用戶需要時展開，不需要時收起，以此節省頁面空間，提高用戶體驗。 例如，我們可以使用以下代碼實現一個簡單的展開關閉效果：

<button id="btn">展開</button>
<p id="content" style="display:none">這是需要展開的內容</p>
<script>
let btn = document.getElementById('btn');
let content = document.getElementById('content');
btn.addEventListener('click', function() {
if (content.style.display === 'none') {
content.style.display = 'block';
btn.innerText = '收起';
} else {
content.style.display = 'none';
btn.innerText = '展開';
}
});
</script>

當點擊按鈕時，會切換內容的顯示狀態。如果內容處于隱藏狀態（display:none），則將其顯示出來（display:block），并將按鈕文字改為“收起”。反之，如果內容處于顯示狀態，則將其隱藏（display:none），并將按鈕文字改為“展開”。

除了上述的代碼實現方法，CSS中還有一些其他的展開關閉效果方法，比如使用CSS3中的transition或animation屬性，以及結合JavaScript使用animate()方法等。不同的方法適用于不同的場景，可以根據具體情況來選擇使用哪種方法。