CSS3滑動展開和隱藏是一種非常流行的網頁設計技巧，可以讓網頁內容更加簡潔有序。它是通過CSS3的transition屬性和max-height屬性來實現的。下面我們將介紹一些基本的代碼和樣式來展開和隱藏網頁元素。

/*默認隱藏元素*/
.slide{
overflow:hidden;
max-height:0;
transition:max-height 0.5s;
}
/*展開元素*/
.slide.active{
max-height:500px;
transition:max-height 0.5s;
}

上面的CSS代碼中，我們首先定義了一個類名為.slide的元素，它具有隱藏的屬性，最大高度為0，并且使用過渡效果來實現動畫效果，過渡時間為0.5秒。接著我們通過定義一個類名為.active的元素，來觸發元素的展開效果，它的最大高度為500px，同樣也具有0.5秒的過渡效果。

接下來，我們需要使用JavaScript代碼來控制元素的展開和隱藏。我們可以使用classList屬性來為元素添加或移除類名active，從而實現元素的展開和隱藏效果。

var element = document.getElementById("element");
element.addEventListener("click",function(){
this.classList.toggle("active");
});

在上面的JavaScript代碼中，我們首先獲取了一個元素，這個元素的id為element，接著我們使用addEventListener方法為元素添加了一個click事件。在事件處理函數中，我們使用this關鍵字來獲取當前點擊的元素，并且使用toggle方法來為元素添加或移除類名active。

綜上所述，CSS3滑動展開隱藏技巧是一種非常實用的網頁設計技術，不僅可以幫助我們更加簡潔有序地呈現網頁內容，而且也可以提高網頁的用戶體驗。