檬味博客 » 问答 » 类似豆瓣评论长文展开全文，收起的代码如何实现

类似豆瓣评论长文展开全文，收起的代码如何实现

大概形如 部分... 展开全文 全文 然後就可以简单的操作了 比如 jQuery(document).delegate('.expand','click',function(){ var T = $(this);T.prev().hide()T.next().show()})...
类似豆瓣评论长文展开全文，收起的代码如何实现
然而你不知道的是, 大多数站点都是直接後台生成摺叠部分与全文的
大概形如
<div>部分...</div>
<a/button class="expand">展开全文</a/button>
<div/textarea>全文</div/textarea>

然後就可以简单的操作了
比如
jQuery(document).delegate('.expand','click',function()
{
var T = $(this);
T.prev().hide()
T.next().show()
})2015-08-25
不知道 你要的是不是这种效果 jquery.min.js文件不要忘了

<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title></title>
<meta charset="utf-8">
<script type="text/javascript" src="./jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

var oldHeight=$("#box").height();
$("#box").css({height:"100px"});
$(".showa").click(function(){
if(parseInt($("#box").height())==oldHeight){
$("#box").animate({height:"100px"});
$(this).html("展开");
}else{
$("#box").animate({height:oldHeight});
$(this).html("收起");
}
});
});
</script>
</head>
<body>
<div id="box" style="background:#98bf21;width:300px;margin:6px;line-height:20px;text-overflow:ellipsis;
overflow:hidden">
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
</div>
<a href="javascript:void(0)" class="showa">展开</a>
</body>
</html>2015-08-25
jQuery的animate()方法对div自定义动画效果2015-08-25
mengvlog 阅读 6 次 更新于 2025-07-20 08:20:11 我来答关注问题0
3 个回答檬味博客专题活动
  • 倍领趣闻 好东西豆瓣影评

    好东西豆瓣影评上，你可以找到大量电影的深度评价。这里有专业的影评人撰写的长文评论，也有普通观众发表的简短观后感。他们从不同角度剖析电影，让你更全面地了解影片的优缺点。除了文字评论，好东西豆瓣影评还提供了丰富的评分系统。你可以看到每部电影的平均得分，以及各个星级的占比。这些数据能帮你迅速...

  • 八卦达人17 26.飞越疯人院——豆瓣2篇经典影评(转)

    如果说McMurphy是我们内心某一部分的投影,护士长难道就不是我们内心另一部分的投影?在 我们自持掌握了真理的时候,当我们拒绝深入和关怀一种完全陌生的生存状态 的时候,是不是也在全然无意之中做了跟护士长一样的事情?在这样的视角下,我们欲除之而后快的“坏人”、“神经病”、“无赖”、“奸小之徒”,其身份...

  • 狐狐狐狐狸啊 《霸王别姬》口碑评价真的如豆瓣评分那么高吗?

    截止目前2020年1月21日，电影《霸王别姬》的豆瓣评分是9.2分。评分如此高的原因：《霸王别姬》在说两个京剧艺人半世纪的悲欢离合，实则在言中国人对人的生存状态及人性的思考与领悟。时代的转换与人物命运的转折紧密相联，社会性与民族性紧密相联，信仰与现实紧密相联，陈凯歌他拍了这样一个“真虞姬...

  • blackwings9586 求一份完整的赤道评价,剧情解析。

    中国政府高官宋鞍的助手袁晓文，亲去现场处理，在车内给宋鞍汇报的时候，车窗外工作人员在纸上画了一个大大的圈，袁晓文转身对宋鞍说到：“一切数据正常”。此处有一伏笔，和最后的结尾处相关。多数人看到这段是不明白和整部电影有何关联的，其实关联很大。第二次死人：韩国某研究院内，赤道信差窃...

  • 文暄生活科普 近10年口碑最佳的悬疑韩剧,《火星生活》上榜,最高飙到9.3分

    豆瓣评分：8.9分，9.1分 上映年份：2022年，2023年 《黑暗荣耀》系列是2023年的黑马剧，由宋慧乔主演的文东恩高中时期遭遇校园霸凌，多年后她展开复仇行动。剧情中，文东恩利用智慧和力量，向施害者和袖手旁观者进行报复。第2名：《信号》豆瓣评分：9.2分 上映年份：2016年 评论人数：31万人 《...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部