JQUERY
- SHOW - HIDE (2) and jQuery Corner
-
-
<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>
