SHOW - HIDE (2) and jQuery Corner > JQUERY

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


회원로그인

JQUERY

SHOW - HIDE (2) and jQuery Corner

페이지 정보

작성자 LYJ 작성일11-06-09 14:09 조회6,085회 댓글0건

본문

<script type="text/javascript" src="../js/jquery.corner.js"></script>
<table width="242" border="0" cellpadding="0" cellspacing="0" align="center">
 <tr>
  <td>
    <table width="216" border="0" cellspacing="0" cellpadding="0" class="pri">
   <tr>
     <td align="center"><div class="cornerTitle"><a href="javascript:;" id="click_1"><strong>KOREA</strong></a></div></td>
   </tr>
   <tr id="show_1">
     <td style="padding-left:28px">
     <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td height="16"><img src="../img/left_dot.gif" width="6" height="7" hspace="5" /><a href="#">SEOUL</a></td>
    </tr>
    <tr>
      <td height="16"><img src="../img/left_dot.gif" width="6" height="7" hspace="5" /><a href="#">BUSAN</a></td>
    </tr>
     </table>
     </td>
   </tr>
    </table>
  </td>
 </tr>
</table>
<script type="text/javascript">
$(function(){
  $("#show_1").hide();
  $("#click_1").each(function(index){
    $(this).click(function(){
      $("#show_1").eq(index).show();
    });
    $(this).dblclick(function(){
      $("#show_1").eq(index).hide();
    });
  });
});
$('div.cornerTitle').corner();
</script>

댓글목록

등록된 댓글이 없습니다.


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