<HTML>
<HEAD>
<title>http://www.xtx.kr</title>
<script>
var isNS6=navigator.userAgent.indexOf("Gecko")!=-1?true:false;
var isIE=document.all?true:false;
function showhideinline(oDiv,flag){
if(isIE) {
if (flag) oDiv.style.display="inline" //if flag true - show the div
else oDiv.style.display="none"
}
else if(isNS6){
if (flag) document.getElementById("oDiv").style.display="inline" //if flag true
- show the div
else document.getElementById("oDiv").style.display="none"
}
}
</script>
</head>
<body>
first <input type=checkbox onclick='showhideinline(a,this.checked)'>
second <input type=checkbox onclick='showhideinline(b,this.checked)'>
third <input type=checkbox onclick='showhideinline(c,this.checked)'><br>
<div id=a style="display:none">첫번째 체크박스 설명입니다.<br></div>
<div id=b style="display:none">두번째 체크박스 설명입니다.<br></div>
<div id=c style="display:none">세번째 체크박스 설명입니다.<br></div>