<div style="display:none;">버그: div 태그에 걸린 자바스크립트가 적용되지 않는다.
내용
</div>
<script type="text/javascript">IE6, IE8, Firefox, Safari 에서 테스트 했는데 잘 된다.
function hide() {document.getElementById('set').style.display="none"};
//hide 함수 - set 영역을 감춤
window.onload = function () {setTimeout("hide()",1)};
//로딩이 완료되면 0.01초후 hide 함수 호출
</script>
<div id="set">
내용
</div>
<head>
<script language=Javascript>
function open_menu1(){ // menu1 사용 하고자 펑션 이름.
var openDiv=document.getElementById('point1').style; //point1 부분에 Div ID
openDiv.display=(openDiv.display=='none')? '' : 'none'; // '' = 비움 : 'none' = none으로 설정 display 의 값을 변경
}
</script>
</head>
<head>
<script language=Javascript>
function open_menu1(){
var openDiv=document.getElementById('point1').style;
openDiv.display=(openDiv.display=='none')? '' : 'none';
var openDiv=document.getElementById('point2').style;
openDiv.display=(openDiv.display=='none')? 'none' : 'none';
var openDiv=document.getElementById('point3').style;
openDiv.display=(openDiv.display=='none')? 'none' : 'none';
var openDiv=document.getElementById('point4').style;
openDiv.display=(openDiv.display=='none')? 'none' : 'none';
}
</script>
</head>
openDiv.display=(openDiv.display=='none')? 'none' : 'none'; // none:none = 두가지 값 모두 none으로 보이기 위해
<a align=absmiddle style='cursor:pointer' onclick=open_menu1()>클릭</a>//onclick open_menu1() 스크립트의 펑션 명
또는
<a align=absmiddle style='cursor:pointer' onmouseover=open_menu1()>마우스 오버</a> // 마우스 오버 형태로 사용시 open_menu1() 은 스크립트 펑션 명
<DIV id=point1 style="display:none; width:99%; padding:5; border:1px solid #bbbbbb; line-height:140%; margin-bottom:10px; text-align:left; background-color:#ffffdd;">
point1 = DIV ID = 스크립트에 지정된 DIV ID
style="display:none" 최초 지정된 display 속성 :none 화면에 보이지 않게 지정
<BODY>
<a align=absmiddle style='cursor:pointer' onclick=open_menu1()>클릭</a><br />
또는 <br />
