当前位置:龙哥网 > 网络技术 > 原生javascript实现点击展开,再点击关闭效果(fadeToggle)(js点击展开更多和收起)

原生javascript实现点击展开,再点击关闭效果(fadeToggle)(js点击展开更多和收起)

longge5个月前 (12-17)网络技术98

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

免责声明
本站部分资源来源于互联网 如有侵权 请联系站长删除
龙哥网是优质的互联网科技创业资源_行业项目分享_网络知识引流变现方法的平台为广大网友提供学习互联网相关知识_内容变现的方法。#转载请注明出处!