2012-10-12 7 views
0

에서 acordian 같은 TD를 숨기는 방법 : 목록이있다내가 다음과 테이블이 JQuery와

왼쪽 메뉴를 가지고 있으며, 상단은 로고 및 권리 데이터 등을 나열하는 등의 실제 내용이다 에.

이제 사용자가 클릭하여 다시 클릭 할 때 메뉴를 숨기려고합니다.

자바 스크립트에서이 작업을 수행하는 방법은 무엇입니까?

아래 샘플 이미지입니다 :

enter image description here

+0

실제 마크 업, 마크 업의 출력되지 않은 사진을 보여주십시오. –

+0

댓글을 주셔서 감사합니다, 내가 원하는대로 작동합니다 내 대답을 참조하십시오 –

답변

0

이 날 내가 원하는 것을 달성하기 위해 도움을 주었다. 여기

<!DOCTYPE html> 
<html> 
<head> 

    <script src="jquery-latest.js"></script> 

</head> 

<body> 
    <table> 
    <tr> 
     <td id="cell"> 
      Some info 
     </td> 
    </tr> 
</table> 

<input type="button" id="button" value="Show/hide" /> 
<script> 
$("#button").click(function(){ 
    $("#cell").toggle(); 
}); 
</script> 
</body> 
</html> 

UPDATE

온라인 데모 : http://jsfiddle.net/DVxSy/

관련 문제