我想实现点击上图的“全部”就展开隐藏的字体,看完内容再一次点击“全部”就收起字体,希望各位大神给个demo,或者方法。。。
http://www.cnblogs.com/ribavnu/p/3228887.html
http://bbs.csdn.net/topics/390825999
这个。。。给个onclick事件,然后js写点击隐藏,点击取消隐藏就行
想实现点击上图的“全部”就展开隐藏的字体,看完内容再一次点击“全部”就收起字体,希望各位大神给个demo,或者方法<span id="spDetail" style="display:none">被省略的内容。。。。。。。。。。。。<br />被省略的内容。。。。。。。。。。。。</span><span id="dotted">。。。</span>【<a href="#" onclick="return showMore('spDetail')">全部</a>】
<script>
function showMore(id) {
var o = document.getElementById(id);
document.getElementById('dotted').style.display = o.style.display == 'none'?'none':'inline'
o.style.display = o.style.display == 'none' ? 'inline' : 'none';
return false
}
</script>
test!
记得先引用jquery!
<span>来电内容:请尽快维修,谢谢!为客户提供优质的服务的同时讲究速度</span>
<span id="dot">...</span>
<span id="moreContent" style="display:none;">你想怎么样!说,你到底想怎么样!!!</span>
<a id="all">【全部】</a>
<script>
$(document).ready(function(){
var o = $("#dot");
var m = $("#moreContent");
$("#all").click(function(){
if(o.css("display") == ""){
o.css("display","none");
m.css("display","");
}else{
o.css("display","");
m.css("display","none");
}
});
});
</script>