在Web開發中，有時候需要根據用戶的操作來隱藏或顯示網頁中的某些元素。CSS提供了如下幾種實現方法：

//初始時隱藏元素，被隱藏的元素不會占用空間
.element {
display: none;
}
//點擊按鈕后顯示元素
button.onclick = function() {
document.querySelector('.element').style.display = 'block';
}

上述代碼會將class為“element”的元素初始時隱藏，點擊“按鈕”元素后，就會將其顯示出來。

//初始時顯示元素
.element {
opacity: 1;
transition: opacity 1s;
}
//點擊按鈕后隱藏元素，過渡效果為1秒
button.onclick = function() {
document.querySelector('.element').style.opacity = 0;
}

上述代碼會將class為“element”的元素初始時顯示出來，點擊“按鈕”后，就會將其隱藏，同時過渡效果為1秒。元素隱藏時，仍然占據空間，可能會引起網頁布局縮小。

//初始時隱藏元素，被隱藏的元素不會占用空間
.element {
visibility: hidden;
}
//點擊按鈕后顯示元素
button.onclick = function() {
document.querySelector('.element').style.visibility = 'visible';
}

上述代碼會將class為“element”的元素初始時隱藏，點擊“按鈕”后，就會將其顯示出來。元素隱藏時不占據空間，顯示時占據空間。

以上就是CSS實現隱藏顯示出來的幾種方法，可以根據具體需求來選擇適合的方法。