使用原生javascript实现点击展开关闭div效果。
html代码:
<span onclick="clickshow('element');"></span>
<div id="element">
欢迎访问http://www.neirong.org!
</div>
javascript代码:
function clickshow(element){
var _obj = document.getElementById(element);
if(_obj.style.display == 'block'){
_obj.style.display='none';
}else {
_obj.style.display='block';
}
}
代码意思:点击span触发函数clickshow(),判断当前元素是否显示,如果显示能使用display:none;隐藏,反之则使用display:block;显示。