织梦文章内容太长，如何隐藏部分内容，当点击展示剩下内容时候，自动把隐藏的内容全部显示？

发布网友 发布时间：2022-04-24 20:54

我来回答

共4个回答

热心网友 时间：2022-04-24 22:23

能用样式解决的最好样式解决，JS解决的最好JS解决，最后再用织梦标签属性。多一个属性就慢一些。
脚本：
<script type="text/javascript" src="http://img.lanrentuku.com/img/js/jquery.js"></script>
<script>
$(function(){
$("#chakanID").click(function(){
$("#quanwenID").toggleClass("quanwen")
});
});
</script>

样式：
<style>
.shengluehao { width:100px; height:30px; margin-top:15px; line-height:30px;background-color:#CF6; border:1px #3C3 dashed;}
.quanwen { overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
.chakan { width:80px; height:30px; background-color:#FC3; color:#69F;}
</style>

HTML:
<div class="shengluehao quanwen" id="quanwenID">小迷虎儿手编，最上面的外链接你也可以下载下来，放到本地的外链接</div>
<div class="chakan" id="chakanID">查看全文</div>

热心网友 时间：2022-04-24 23:41

有个jquery插件，ellipsis
可以轻松实现你的需求
https://github.com/STAR-ZERO/jquery-ellipsis

热心网友 时间：2022-04-25 01:16

这个还真没试过,你在那里看到有这样的

热心网友 时间：2022-04-25 03:07

这个简单的方式是用js可以实现，具体方法可以看看js点击隐藏的相关内容