Question

csdn论坛中的展开收起怎么做的？求js代码。。。

csdn论坛中的展开收起怎么做的？求js代码。。。
我们还有2星期就要交作业了。想有点心意，求大神帮吗？

Answer 1

原来是这个"展开"，我还以为是字数过长的“展开”，白写了一个。还要工作，如果没人写有空了给你写一个。（能用jquery么？）
/******************************************************************************************************
不上CSDN，不知道你说的是什么，现写一个，jquery版，使用前请包涵jquery库。
/*
* 展开
* 第一个参数是想要缩略的段落的jquery object
* 第二个是缩略后的长度类型是int
*/
function span($obj,len)
{
var h=$obj.html();
if(h.length>len)//长度超过规定长度就把后边隐藏
$obj.html(h.substr(0,len)+"<span class='span'>展开更多</span><span class='hide'>"+h.substr(len)+"</span>");
}
/*
* 折叠
* 参数是折叠按钮的jquery object
*/
function coll($o)
{
$o.hide();
var $p=$o.parents(".collapsible");
console.log($p);
$p.find(".hide").hide();
$p.find(".span").show();
}

$(function(){
span($(".collapsible"),10);//这里以.collapsible为例，如果长度超过10个字就把后边的隐藏
$(".span").click(function(){//展开
var $h=$(this).next(".hide");
$(this).hide();
$h.show();
$h.append("<span class='coll'>折叠</span>");
$(".coll").click(function(){
coll($(this));//折叠
})
});
})

追问

谢谢了，好的能用！！！