CSS實現導航隱藏功能，可以通過設置導航元素的display屬性為none實現隱藏效果。CSS代碼如下：

nav {
display: none;
}

但是這種方式僅僅是隱藏了導航，而并未移除DOM中的該元素，可能會影響頁面其他元素的布局和效果。如果需要完全移除導航元素，可以通過設置其visibility屬性為hidden來實現。

nav {
visibility: hidden;
}

另外，也可以通過JavaScript來實現導航的隱藏和顯示效果。比如以下代碼實現了點擊按鈕時顯示或隱藏導航：

var nav = document.querySelector('nav');
var button = document.querySelector('button');
button.addEventListener('click', function() {
if(nav.style.display === 'none') {
nav.style.display = 'block';
} else {
nav.style.display = 'none';
}
});

通過以上方法，就可以輕松實現導航的隱藏效果，從而達到更好的用戶體驗效果。