펼치기 접기 소스

여기에 내용

여기에 내용

<input type=button id='Haxim_Open' style="DISPLAY: block; WIDTH: 300px; CURSOR: pointer; COLOR: white; HEIGHT: 25px; BACKGROUND-COLOR: blue; border:solid 2px skyblue"  onclick="document.all['Haxim_Open'].style.display='none'; document.all['Haxim_Close'].style.display='block'; Haxim_Content.style.visibility='visible';" value="펼치기">

<input type=button id='Haxim_Close' style="DISPLAY: none; WIDTH: 300px; CURSOR: pointer; COLOR: white; HEIGHT: 25px; BACKGROUND-COLOR: red; color:white; border:solid 2px pink" onclick="document.all['Haxim_Close'].style.display='none'; document.all['Haxim_Open'].style.display='block'; Haxim_Content.style.visibility='hidden';" value="접기">

<table id='Haxim_Content' style="VISIBILITY: hidden; WIDTH:300px; HEIGHT:200px; BACKGROUND-COLOR: green; border:solid 3px yellowgreen;"><tr><td style=color:white>
여기에 내용</td></tr></table>

<input type=button onclick="Haxim_tb.style.visibility='visible'" style="WIDTH: 45px; CURSOR: pointer; COLOR: white; HEIGHT: 25px; BACKGROUND-COLOR: blue; border:solid 2px skyblue" value="펼치기">

<table id='Haxim_tb' style="VISIBILITY: hidden; WIDTH:300px; HEIGHT:200px; BACKGROUND-COLOR: green; border:solid 3px yellowgreen;"><tr><td style=color:white>
여기에 내용</td></tr><tr><td valign=bottom align=center>
<input type=button  onclick="Haxim_tb.style.visibility='hidden'" style="WIDTH: 45px; CURSOR: pointer; COLOR: white; HEIGHT: 25px; BACKGROUND-COLOR: red; border:solid 2px pink" value="접기"></tr></table>