jQuery-UI怎样制作折叠面板呢

1、首先定义一个d坡纠课柩iv“zd(自定义名称)”来存放面板的标题和内容即可。h4就是放折叠面板的标题的喲。而h4后面的div则是折叠面板的内容啦。

3、然后对zd所关联的div调用accordion()便可以了。

5、此时jQuery-UI折叠面板虽然大致完成了，但是还要给zd指定宽度才行哦，不然折叠面板默认就占满了屏幕的整个宽度哟。

7、此时标题栏便多了颜色并且去掉了边框了哟。

9、这样当折叠面板的内容超出之后便会产生滚动条了。当然，小伙伴们也可以根据自己的想法来制作更好看的折叠面板喲。