CSS友情鏈接折疊是一種非常實用的技術，可以幫助網站將過多的鏈接隱藏起來，以節省頁面空間，提高用戶的瀏覽體驗。以下是使用CSS實現友情鏈接折疊的方法：

.collapsible {
cursor: pointer;
position: relative;
display: block;
padding: 0;
margin: 0;
outline: none;
border: none;
background-color: transparent;
}
.collapsible::before {
content: '+';
font-size: 25px;
font-weight: bold;
position: absolute;
top: -10px;
right: 0;
}
.active::before {
content: '-';
}
.content {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.active .content {
max-height: 10000px;
transition: max-height 0.5s ease-in;
}

以上代碼中，我們定義了一個名為“collapsible”的類，它具有以下特點：

• 鼠標變成手型，用戶可點擊
• 不帶邊框或背景色，以便融入頁面
• 有個小加號在每個可折疊元素的右側，標志尚未展開
• 將.max-height設置為0，將.content元素隱藏起來
• 帶有過渡效果的最大高度，以實現平滑的展開/折疊操作

要使用此代碼實現友情鏈接的折疊，請按照以下步驟進行：

1. 在HTML中放置帶有“collapsible”類的按鈕元素，以及包裹友情鏈接的div元素，將其標記為“內容”。
2. 在CSS中定義.content元素中包含的鏈接的樣式，使它們可見并按您想要的方式排列。
3. 在JavaScript中創建事件偵聽器，以便在用戶單擊按鈕時切換該按鈕的類，并使.content元素的最大高度動態設置為其原始的“自動”高度或0（即消息））也許是隨著時間的推移逐漸減小或增加）。

如此一來，友情鏈接就能夠被折疊和展開了，提高網站的整體交互性和簡潔性。