1个回答
推荐于2018-04-11
展开全部
要用javascript的<div><a href="javascript:vod(0);>"<B id="show_hide">收缩</B></a></div>
<ul id="content">
<li>收缩展开的内容一</li>
<li>收缩展开的内容二</li>
<li>收缩展开的内容三</li>
</ul>
<script>
document.getElementById('show_hide').onclick = function (){
var con = document.getElementById('content').style;
if(this.innerHTML == '收缩'){
con.display = 'none';
this.innerHTML = '展开';
return false;
} else {
con.display = '';
this.innerHTML = '收缩';
return false;
}
}
</script>
<ul id="content">
<li>收缩展开的内容一</li>
<li>收缩展开的内容二</li>
<li>收缩展开的内容三</li>
</ul>
<script>
document.getElementById('show_hide').onclick = function (){
var con = document.getElementById('content').style;
if(this.innerHTML == '收缩'){
con.display = 'none';
this.innerHTML = '展开';
return false;
} else {
con.display = '';
this.innerHTML = '收缩';
return false;
}
}
</script>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询