如何实现文章的收起展开功能?

fthislife 2013-11-11 10:27:30
如题。如何实现文章的收起展开功能?由于文章太长,如果全部显示的话,占了整个一大页,能不能实现点击“收起”,只把文章开始的一部分显示出来,点击展开后就全部显示出来?
...全文
756 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
加油馒头 2013-11-12
  • 打赏
  • 举报
回复
不要管几行,设置宽 高
duangufei 2013-11-12
  • 打赏
  • 举报
回复
用js控制div的高度吧 虽然我也不懂js
paopao0121 2013-11-11
  • 打赏
  • 举报
回复
这个不太好办吧,因为每个文章的段落和长度都不同,不能用一个统一的标准去截断文章,是否可以考虑用文章简介和全文的形式来区分?
dota_sky_god 2013-11-11
  • 打赏
  • 举报
回复
可以尝试用linkbutton来写个JS事件,改变div大小
  • 打赏
  • 举报
回复
先考虑非技术的设计问题,先把设计想得深入、实际一点。 你技术上想太多了,有用的信息给出的太少了。
bigsea 2013-11-11
  • 打赏
  • 举报
回复

<div style="border:1px red solid;width:100%;height:100px;overflow:hidden" id="div">
    <p>内容</p>
    <p>内容</p>
    <p>内容</p>
    <p>内容</p>
    <p>内容</p>
    <p>内容</p>
    <p>内容</p>
    <p>内容</p>
    <p>内容</p>
    <p>内容</p>
    <p>内容</p>
    <p>内容</p>
    <p>内容</p>
    <p>内容</p>
    <p>内容</p>
    <p>内容</p>
    <p>内容</p>
    <p>内容</p>
</div>

<script type="text/javascript">
    $("#div").toggle(
        function () {
            $(this).css("height", "").css("overflow", "");
        },
        function () {
            $(this).css("height", "100px").css("overflow", "hidden");
        }
    );
</script>
peng2739956 2013-11-11
  • 打赏
  • 举报
回复
这貌似是美工的事情,如果自己也想实现很简单 用div的大小来控制就是的了
  • 打赏
  • 举报
回复
1.部分显示+隐藏 2.全部显示+div滚动条 3.部分显示+动态加载(如果浏览器获取到滚动调滚动到底部) 以上仅供参考

62,073

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧