CSS3的點擊顯示隱藏功能可以在網頁設計中應用到許多場景，比如展示某個區塊的詳細信息或者實現一個簡單的導航菜單。以下是一個簡單的示例：

<style>
/* 默認隱藏內容 */
.content {
display: none;
}
/* 點擊標題展示內容 */
.title:hover + .content,
.title:focus + .content {
display: block;
}
</style>
<p class="title">標題</p>
<p class="content">內容</p>

代碼解析：

1. 首先，我們將被隱藏的內容設置為display: none;

2. 接著，使用CSS選擇器：hover和:focus來表示元素處于懸?；蛘攉@得焦點的狀態，這里使用+符號將標題和內容組合成一個選擇器；

3. 最后，我們將展示內容的Display設置為block，就可以實現點擊標題展示隱藏內容的效果。