<펼치기-접기> 가로로 펼치는 방법이 있을까요?

테이블이 아래와 같은 모양일 때,
  
                       
                       
                       

선택에 의해서 1개 열(A)을 열고 닫기할 수 있을까요?
아래 그림처럼 A열 전체가 열리고 닫히게 만드려는데......
  
                    A        
                    A        
                    A        

참고로 A 안에 들어가는 내용들은 변수랍니다.

아래로 펼치고 접는 방법은 알겠는데, 열을 대상으로 가로로 펼치는 것은
어떻게 만드시는지요?
|

댓글 7개

<table>
<tr 열고닫는 id값>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr 열고닫는 id값>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr 열고닫는 id값>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr 열고닫는 id값>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
이런 형식을
<table>
<tr>
<td 열고닫는 id값></td>
<td 열고닫는 id값></td>
<td 열고닫는 id값></td>
<td 열고닫는 id값></td>
<td 열고닫는 id값></td>
</tr>
</table>
요런식으로 코딩을 다르게 하면 되지 않을까요??
안해봤는데 그냥 그러면 될거 같아서;;
아... 쓰고보니깐 굉장히 지저분 하군요;;;
변수라면 배열로 하시면 될건되요.

고맙습니다.
아후... 어렵네요....
스타일 클래스를 지정하고,
특정 이벤트 발생 시 해당 클래스에 display: none; 이 들어가게 하면 됩니다.
<col id="some"
으로 해서
document.getElementById("some").style.visibility="hidden";
로 해 보세요.
으흑... 밤새 댓글로 조언들 해주셔서 감사드려요.
적용해 보겠습니다.^^

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기
🐛 버그신고