js实现div区域块伸缩效果

JavaSCript完成的一段文字收缩与展开的特效代码，在电影网站里，经常会看到电影简介，但是为了页面整体美观的情况下，会隐藏一部分文字以使网页整齐美观，当你想详细看的时候点击会展开所有的文字，本代码就是实现了这样一种功能，点击运行查看效果吧。js代码如下：

<script type="text/javascript">
jQuery(function($){
if ($('div.sheli').length) {
$('div.sheli').find('.list:gt(0)').hide();
$('div.sheli').find('h2').on('click', function(){
$(this).next('.list').slideToggle();
})}})
</script>

详细方法请查看演示