간단한 확장 또는 닫기 .hide{display:none;} .show{display:block;} .hand{cursor:pointer;} .text{padding:10px;background:F3FCFF;line-height:1.3em;border:solid 5px B2DCF9;margin-bottom:7px;} 1 확장 2 확장 [Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ] /*根据点击项,动态加载内容至iframe中 expand(JS 예제 시작하기(간단한 확장 또는 닫기)_javascript 기술),e_d即expand div container(容器),c即容器缩写 b为bool缩写 n为num缩写 */ function e_d(obj,n){//这二个参数构成iframe里的子页面。test1.htm/test2.htm/test3.htm var c = obj.parentNode.nextSibling; /*取父级的下一个节点,跟父级同辈的。*/ var b = ( c.className == 'hide' ); obj.src = 'images/' + (b?'minus':'plus') + '.gif'/*变换+-图片*/ c.className=b?'text':'hide' if(!c.innerHTML){//如果这一层里没有内容才更新。有内容则不变化 var str = '<iframe id="iframe' + n + '" src="test' + n + '.htm" scrolling="auto" frameborder="0" width="100%" height="100%"'; str += 'onload="this.style.height=iframe' + n + '.document.body.scrollHeight+30">'; c.innerHTML = str; } }