CSS可以通過display屬性實現點擊時顯示或隱藏某個元素。

//HTML結構
<div class="box">
<p>可以點擊顯示和隱藏的內容</p>
</div>
//CSS樣式
.box{
position:relative;
}
.box p{
position:absolute;
top:0;
left:0;
width:100%;
padding:10px;
background-color:#f5f5f5;
display:none;//初始時隱藏
}
.box.active p{
display:block;//點擊時顯示
}

在HTML結構中，通過一個類名為"box"的div元素包裹了需要點擊顯示和隱藏的內容，這里使用一個p標簽來表示內容。在CSS樣式中，為了控制p標簽的顯示和隱藏，box元素的position屬性設置為relative，p標簽的position屬性設置為absolute，這樣就可以讓p標簽相對于box元素定位。同時給p標簽設置一個display:none的屬性，初始時p標簽是隱藏的。

接下來是JavaScript代碼，當用戶點擊box元素時，給box元素添加一個"active"類名，同時p標簽的display屬性設置為block，這樣就可以將p標簽顯示出來。如果用戶再次點擊box元素，就會移除"active"類名，p標簽就會被隱藏。

//JavaScript代碼
var box = document.querySelector('.box');
box.addEventListener('click', function(){
box.classList.toggle('active');
});

使用classList.toggle方法給box元素添加或移除"active"類名，這里使用了toggle方法是為了讓用戶可以再次點擊box元素來隱藏p標簽。