<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>