CSS實現文字展開折疊功能，可以用于長篇文字內容的展示，使得頁面更加簡潔明了。本文將介紹如何使用CSS代碼來達到這個效果。

首先，我們需要使用HTML代碼來創建需要展開折疊的文字內容。例如，下面是一個展示長篇文字內容的HTML代碼：

<div class="content">
<p>這是一篇長篇文字內容。</p>
<p>這是第二段文字內容。</p>
<p>這是第三段文字內容。</p>
</div>

然后，在CSS代碼中，我們可以使用偽類選擇器:after和:before來實現文字的展開折疊效果。具體的代碼如下：

.content{
position: relative;
}
.content:after{
content: "...";
position: absolute;
bottom: 0;
right: 0;
background-color: white;
}
.content.open:after{
content: "";
}

上述代碼中，我們首先給展示長篇文字內容的HTML元素設置了一個相對定位。然后，在使用偽類選擇器:after來添加“...”顯示省略號。將其設置為絕對定位，同時將bottom和right值設為0，將省略號放在元素的底部右側。最后，我們使用一個.open類來控制省略號的顯示與隱藏。

為了實現文字展開折疊功能，我們需要再次使用偽類選擇器:before。代碼如下：

.content:before{
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: white;
z-index: 2;
}
.content.open:before{
content: none;
}

在上述代碼中，我們使用:before來添加一個半透明的遮罩層，使得用戶點擊之后可以展開或折疊文字內容。我們使用與前面相同的.open類來控制遮罩層的顯示與隱藏。

最后，我們再添加一些JavaScript代碼來實現文字內容的展開與折疊：

var content = document.querySelector(".content");
content.onclick = function(){
this.classList.toggle("open");
}

在上述代碼中，我們使用了一個類獲取了HTML元素.content，然后在點擊事件中，使用.toggle()函數添加或移除.open類，實現文字展開折疊的效果。