jQuery内容折叠效果插件用法实例分析(附demo源码)_jquery

本文实例讲述了jQuery内容折叠效果插件用法。分享给大家供大家参考，具体如下：

jQuery Collapsible Fieldset
  

Default

By default the fieldset is opened or expanded at start. Click on its legend to close or collapse it.

The code is simply like below

$('#fieldset1').coolfieldset();

Closed at start

If we want the fieldset to be closed or collapsed at start, just add {collapsed:true} as the argument.

$('#fieldset2').coolfieldset({collapsed:true});

Animation Speed

You can also define the animation speed for the fieldset while collapsing or expanding by using speed option. Acceptable values are "fast", "medium", "slow", or a number in millisecond.

$('#fieldset3').coolfieldset({speed:"fast"});

No Animation

If you don't want to use animation effect, please use animation option and fill its value with false.

$('#fieldset4').coolfieldset({animation:false});

Notes :

• All content inside fieldset (except the legend tag) should be placed inside the div tag.
• Edit the jquery.coolfieldset.css to change the fieldset style.

完整实例代码点击此处本站下载。

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery切换特效与技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》

希望本文所述对大家jQuery程序设计有所帮助。