自己写了一个展开和收起的多更能型的射流研究…效果

先来看看效果

具体的功能是： 1.页面上面最多只有一个是显示全部内容的。 2.当自己处于全部显示的时候，点击自己的收起，自己收起。 3.当自己处于全部显示的时候，点击其他的展开是，自己内容隐藏，原来的'收起'变为'展开' 而被点击的选项则内容全部显示，'展开'变为'收起'=================================================部分代码：=================================================复制代码代码如下： tbody输入类型='隐藏' id='记录'值=' $ { QR。count } ' c : foreach items=' $ { QR。结果} ' var=' info ' VarStatus=' index ' tr id=' user _ info _ $ { info。id } ' TD class=' user wrapper _ right _ collect ' p class=' ml20 clear fix mb10 ' strong class=' ex _ green _ fg mr10 fl ' $ { info。sender }/strong span id=' span _ span ' class=' fl w500 ' ' : ' class=' fl symboledot w500 ' ' } $ { info。content }/span/p a href=' JAVAScript : void(0)' onclick=' cancelhisinfo($ { info。id })；class='fr mr20 ex_green_fg '删除/a span class=' fr ml5 mr5 ' |/span a href=' JAVAScript : void(0)' class=' fr ex _ green _ fg ' id=' a _ $ { info。id } ' name=' $ { index。计数eq 1 ' 1 ' : ' 0 ' } ' onclick=' infoContent '($ { info。id }“)；”c:if测试=' $ { index。计数eq 1 } ' var=' up ' span id=' span _ $ { info。id } ' class=' ex _ arrow ex _ arrow up mr5 '/span收起/c:if c:if测试='${!向上} ' span class=' ex _ arrow ex _ arrow down mr5 '/span展开/c : if/a span class=' fr mr10 gray ' fmt :格式日期值=' $ { info。createtime } '模式=' yyyy-MM-DD hh :MM 3360s '/span/TD/tr/c : foreach/t body js代码复制代码代码如下： /** * 展开通知和收起通知br * 1 .点击某一个编号的展开功能时候，首先所有的关闭，再展开编号通知，展开编号时候，class=' fl w500 ' class=' ex _ arrow ex _ arrow up mr5 '收起* 2.点击收起某一个编号时候，class=' fl symboledot w500 ' class=' ex _ arrow ex _ arrow down mr5 '展开* @ date 2013-3-5 * @ author xhw * * @ param id */function infoContent(id){ var a _ name=$(' # a _ id ').attr(' name ')；定义变量记录=$('#record ').val()；if(id==null || id==''){ alert('请求出错!');}else if(id==record){ //本身对象（现在点击的和上一步操作的对象是同一个)if(a _ name==' 0 '){ $(' # span _ content _ id ').attr('class '，' fl w500 ')；$("# a _"id).html(' span class=' ex _ arrow ex _ arrow up mr5 '/span收起');$("# a _"id).attr('name '，' 1 ')；} else if(a _ name==' 1 '){ $(' # span _ content _ id ').attr('class '，' fl SymbleDot w500 ')；$("# a _"id).html(' span class=' ex _ arrow ex _ arrow down mr5 '/span展开');$("# a _"id).attr('name '，' 0 ')；//$('#record ').attr('value '，id)；} }else if(id！=记录){ //新对象id，上一次点击对象记录var old _ name=$("# a _ "记录)。attr(' name ')；//上一次点击的对象if(old _ name==' 0 '){ $(“# span _ content _”记录).attr('class '，' fl w500 ')；$(“# a _”记录)。html(' span class=' ex _ arrow ex _ arrow up mr5 '/span收起');$(“# a _”记录)。attr('name '，' 1 ')；} else if(old _ name==' 1 '){ $(“# span _ content _”记录).attr('class '，' fl SymbleDot w500 ')；$(“# a _”记录)。html(' span class=' ex _ arrow ex _ arrow down mr5 '/span展开');$(“# a _”记录)。attr('name '，' 0 ')；} //新对象if(a _ name==' 0 '){ $(' # span _ content _ id ').attr('class '，' fl w500 ')；$("# a _"id).html(' span class=' ex _ arrow ex _ arrow up mr5 '/span收起');$("# a _"id).attr('name '，' 1 ')；} else if(a _ name==' 1 '){ $(' # span _ content _ id ').attr('class '，' fl SymbleDot w500 ')；$("# a _"id).html(' span class=' ex _ arrow ex _ arrow down mr5 '/span展开');$("# a _"id).attr('name '，' 0 ')；} $(“# record”).attr('value '，id)；} };