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