使用Javascript摺疊內容

Question

我一直在考慮讓按鈕摺疊我放在網站上的簡歷的部分。我想知道是否有一個可接受的練習來製作一個可摺疊的部分，或者如果我應該將div的值設置爲空，並且點擊後調用一個可以填充div的函數。

這是最好的方法，還是有更好/更優雅的方法？

Answer 1

坍塌內容最常見的方式是CSS屬性display設置爲none：

// to collapse 
myElement.style.display="none"; 
// to expand 
myElement.style.display="block"; 

如果您使用jQuery，它具有hide和show做到這一點。作爲獎勵，你也可以通過一段時間，以他們和jQuery將製作動畫：

// to collapse with a 1000ms animation 
myjQueryElement.hide(1000); 
// to expand with a 1000ms animation 
myjQueryElement.show(1000); 

Answer 2

我最喜歡的腳本，以使用可摺疊div的是這一個動態驅動器，

它不僅是「漂亮「和用戶友好的，但它也很簡單實現，使用和腳本允許各種修改:)

http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm

使用jQuery