jQuery实现点击查看更多的内容控制段落文本展开效果

本文演示了jQuery实现单击对更多的内容控制段落文本展开的效果：

在这里，我们使用jQuery来展开和折叠文本。单击文本后，文本将完全显示。文本将显示在控件中。当它不需要时，点击后可以重复，内容将被隐藏。单击以查看更多功能。它们被用于许多大网站，如一些电影介绍，产品介绍。有时，对于页面的布局效果，它常常被默认隐藏。当用户想查看时，他们可以单击并展开。

运行效果如下图所示：
具体代码如下：
jQuery文本段展开和折叠效果

HTML，正文，div，H2，p边距：0；填充：0；}
html {字体：1em Arial，Helvetica，sans-serif；颜色：# 444；}
一个{颜色：# 0087f1；}
P { margin-bottom: 5px；}
#容器{ margin: 0 auto；宽度：600px；}
#容器H2 {字体大小：20px；颜色：# 0087f1；}
#包{位置：相对；padding: 10px；溢出：隐藏；}
#梯度{宽度：100%；高度：35px；背景：url（）repeat-x；位置：绝对的；下：0；左：0；}
#阅读更多{填充：5px；边境上：4px双# DDD；背景：# FFF；颜色：# 333；}
#多读{填充右：22px；背景：url（）没有重复100% 50%；font-weight: bold；文字装饰：无；}
#阅读更多：悬停{颜色：# 000；}
$（函数（）{（））
无功slideheight = 75； / /心理学
defheight = $（var的#换行）。Height（）；
如果（defheight = slideheight）{
$（#换行）。Css（'height '，slideheight + 'px）；
$（#阅读更多）。追加（点击查看更多。）；
$（#阅读更多）。Click（function（）{）
curheight = $（var的#换行）。Height（）；
如果（curheight = = slideheight）{
$（#包（{动画）。
身高：defheight
}正常；
$（#阅读更多）。Html（隐藏）；
$('#gradient').FadeOut ();
其他{ }
$（#包（{动画）。
身高：slideheight
}正常；
$（#阅读更多）。Html（点击查看更多。）；
$（#梯度）。FadeIn（）；
}
返回false；
}）；
}
}）；

控制段落文字折叠，点击查看更多功能。
关于Billabong
Rdon发展了自己的拼接技术，使服装更耐用，成本效益和减少劳动密集。他用机械操作，移动到工厂，建立分销网络和赞助一队澳大利亚著名的冲浪者。生意兴隆。
从那开始，分流已扩大其产品范围，包括，，，它也被称为

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