使用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