这篇文章主要为大家详细介绍了JS 展开/收起按钮显示隐藏文字示例,具有一定的参考价值,可以用来参考一下。
感兴趣JS 展开/收起按钮显示隐藏文字示例的小伙伴,下面一起跟随512笔记的小编罗X来看看吧。
Document
*{padding:0;margin: 0;}
.pn{width:400px; margin: 200px auto 0; background-color: #ddd; text-align: center;padding:0 100px;}
.slide a{display: block;width: 100px;height: 30px;line-height:30px; text-align:center;margin:0 auto;background-color: #f00; text-decoration: none;color:#fff;}
简介
女娃
特点:人长得很特很特点
爱好:看电影睡觉爬山
展开
function showdiv(){
document.getElementById('mm').style.display = 'block';
document.getElementById('strhref').innerHTML="收起";
document.getElementById('strhref').href="javascript:hidediv()";
}
function hidediv(){
document.getElementById('mm').style.display = 'none';
document.getElementById('strhref').innerHTML="展开";
document.getElementById('strhref').href="javascript:showdiv()";
}
注:关于JS 展开/收起按钮显示隐藏文字示例的内容就先介绍到这里,更多相关文章的可以留意512笔记的其他信息。
关键词:显示文字