SHOW - HIDE (1) > JQUERY

본문 바로가기
사이트 내 전체검색


회원로그인

JQUERY

SHOW - HIDE (1)

페이지 정보

작성자 LYJ 작성일10-09-28 10:13 조회4,287회 댓글0건

본문

<script type="text/javascript">
$(function(){
$(".question").css("cursor","pointer");
$(".answer").hide();
$(".question").each(function(index){
$(this).click(function(){
$(".answer").eq(index).show();
});
$(this).dblclick(function(){
$(".answer").eq(index).hide();
});
});
});
</script>


<table cellpadding="0" cellspacing="1"  id="TableSt01" style="width:500px;">
<tr>
<th colspan="2">Show, Hide</th>
</tr>
<tr class="question">
<td>
질문입니다~~~1
</td>
</tr>
<tr class="answer">
<td style="background:#F0F0F0;">
답변입니다~1
</td>
</tr>
<tr class="question">
<td>
질문입니다~~~2
</td>
</tr>
<tr class="answer">
<td style="background:#F0F0F0;">
답변입니다~2
</td>
</tr>
</table>


출처http://hanjiq.egloos.com/2358197

댓글목록

등록된 댓글이 없습니다.


그누보드5
Copyright © jsp.pe.kr All rights reserved.
상단으로
모바일 버전으로 보기