原生javascript实现点击展开,再点击关闭效果(fadeToggle)

使用原生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;显示。

网友留言(0条)

发表评论