JavaScript庫順利顯示/隱藏元素

Question

我需要動畫顯示和隱藏div元素。有沒有任何JS庫或CSS技巧，這使得它成爲可能？我知道jQuery和類似的東西，但它們太大 - 我不想使用超過〜5 KB。

我也嘗試過CSS，但不允許使用display屬性。可視性在頁面佔據的地方，什麼是不可取的。

---

編輯： 例如： jQuery.toggle()。 第二個Demo從頂部。

Answer 1

使用CSS轉換。您不需要觸摸顯示屬性。

您可以將div的高度/寬度（或兩者）設置爲0，然後設置爲所需的大小，並激活轉換。

或者，如果您爲自己的位置設置動畫（從頁面外部開始飛入所需位置，反之亦然），則可以從您的頁面飛入/飛出div。您可以從頂部或從左/右滑動它們。

Answer 2

本頁面似乎表明這樣做沒有必要的jQuery代碼：

http://brugbart.com/Articles/javascript-fade

沒有經歷過的頁面完全讀，雖然如此，如果它的合法與否，我不能說。