dedecms57自动采集更新伪原创完美版插件(就是要将“帖子”折叠起来(1)(图))

　　dedecms57自动采集更新伪原创完美版插件(就是要将“帖子”折叠起来(1)(图))

　　在制作网站的时候，特别是对于群组或者论坛，经常会发生一件事，就是把“帖子”折叠起来。这时候一般会有这样的html

　　1

　　2 标题

　　3 内容

　　4

　　当要求点击“标题”时，“内容”可以收缩或展开

　　在标准实践中，通常会在title1 div中添加一个click事件来控制content1的收缩和展开

　　于是我有了一个想法，简单地封装这些内容，形成一个可重用的方法，我称之为可折叠

　　用jquery，做这个太简单了，缩放*敏*感*词*效果等都有相应的方法来完成

　　其实有一个叫做toggleElement的插件就可以完成相应的功能，但是看了那个插件之后，还是少了一些东西，比如通过一个方法指定标题，比如它使用了title 属性自动生成标题...

　　基本思路：

　　对于content1（选择content1作为方法的对象，因为collapsible是内容而不是标题）使用，指定title1，然后给title1添加点击事件

　　不要使用jquery的toggle方法，因为你不能那样自定义*敏*感*词*

　　所以通过display=="none"来判断内容是否处于收回状态，并进行相应的操作

　　主要功能：

　　自定义*敏*感*词*方法，animationType:'fade'/'slide'/'show'

　　自定义速度，速度：'normal'/'fast'/'slow'/null，其中null将没有*敏*感*词*

　　通过自定义方法选择标题，这个是为了可以同时操作多个内容，titleEl: function() {return $(this).attr('id') +'_title';}

　　如果content和title之间还有其他元素，想要移动内容，当然也可以选择不移动，move: true表示移动

　　事件：click、shrink、expand，分别是onClick、onHide、onShow

　　css：当内容被收缩和展开时，标题可以有不同的css，例如在前面加“+”或“-”，分别是hideClass，showClass

　　初始显示状态：start:'hide'/'show'/null，其中null不改变当前状态

　　下面是一个例子：

　　下载包：

　　/文件/GrayZhang/collapsible.zip

　　笔记：

　　我认为做一个例子比写代码要困难得多……哪一个有空帮我做一个好例子？我想放到jquery官网上