I have problem with the code that i highlight. My problem is, when I click floorplan it will jump to div9 content with slide up. Same goes to specification. But it didn't happen. Why?

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js" type="text/javascript"></script>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Test</title>

<link href="main.css" rel="stylesheet" type="text/css" />
<link href="navigation.css" rel="stylesheet" type="text/css" />
<link href="property.css" rel="stylesheet" type="text/css" />

<script type="text/javascript"> 
 $(document).ready(function () {
     $('.hidable').hide();
  
  $('.imgbtn').click(function(){
                target = $(this).attr('data-target');
                $(".link:nth-child(" + target + ")").click();
            });
 
  $('.link2').click(function(){
                target = $(this).attr('data-target');
                $(".link2:nth-child(" + target + ")").click();
            });

     $('.link').click(function () {
         $(this).toggleClass('active')
         $('.link').not(this).removeClass('active')
         var show = $(this).attr('rel');
         $('.hidable').not(show).slideUp('fast');
         $(show).slideDown('fast');
        return false
     }).eq(2).click()
 });
</script> 
</head> 

<body> 
     <div id="wrapper">

<!--Start Header-->
<header><div id="header">
<img src="images/headerpic.png" />
</div></header><!--End Header-->

<!--Start navigation-->
<div id="nav">
<div class="menu_div">
    <ul>
        <li id="home"><a href="index.html">HOME</a></li>
        <li id="about"><a href="about.html">ABOUT US</a></li>
        <li class="active" id="property"><a href="property.html">PROPERTY</a></li>
        <li id="event"><a href="event.html">NEWS/EVENTS</a></li>
        <li id="download"><a href="download.html">DOWNLOAD</a></li>
        <li id="contact"><a href="contact.html">CONTACT US</a></li>
    </ul>
</div></div>
<!--End Navigation-->
 
<!--Start content-->
<div id="content2">
<div id="note">
<div id="side">
<center><br /><br /><img src="images/lpgnharmoni.png" /></center><br /><br />
<div class="sidemenu"><br />  
    <ul> 
     <li class='link' rel='#div1'><a href="#" style="text-decoration:none; color:#000000;">Location Map</a></li> 
     <li class='link' rel='#div2'><a href="#" style="text-decoration:none; color:#000000;">Site Plan</a></li> 
     <li class='link' rel='#div3'><a href="#" style="text-decoration:none; color:#000000;">Double Storey Terrace House</a></li> 
     <li class='link' rel='#div4'><a href="#" style="text-decoration:none; color:#000000;">TYPE A</a></li> 
     <li class='link' rel='#div5'><a href="#" style="text-decoration:none; color:#000000;">TYPE B / TYPE C</a></li> 
     <li class='link' rel='#div6'><a href="#" style="text-decoration:none; color:#000000;">Single Storey Semi-D</a></li> 
     <li class='link' rel='#div7'><a href="#" style="text-decoration:none; color:#000000;">TYPE A</a></li> 
     <li class='link' rel='#div8'><a href="#" style="text-decoration:none; color:#000000;">TYPE B</a></li> 
  </ul> 
</div><!--sidemenu-->
</div><!--side-->

<div class="context">
<div id="contentbox">
  <div id="boxes">  

  <!--start div8-->   
     <div class='hidable' id='div8'>
      <table width="610" border="0">
   <tr>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
     <td align="right"><div id="top"><a href="#div9" data-target="9" class="link2">FLOOR PLAN</a></div></td>
     <td>&nbsp;</td>
     <td width="119"><div id="top"><a href="#div10" data-target="10" class="link2">SPECIFICATION</a></div></td>
   </tr>
   <tr>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
             <td>&nbsp;</td>
         <td colspan="2">&nbsp;</td>
     <td>&nbsp;</td>
   </tr>
   <tr>
    <td colspan="7"><center><img src="images/singleBthumb.jpg"></center></td>
     </tr>
     <tr>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
     <td colspan="2">&nbsp;</td>
     <td>&nbsp;</td>
   </tr>
   <tr>
     <td colspan="7"><div id="title">Type B</div></td>
     </tr>
   <tr>
     <td colspan="7"><div id="title2"><br />Single Storey Semi-D</div></td>
     </tr>
     <tr>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
     <td colspan="2">&nbsp;</td>
     <td>&nbsp;</td>
   </tr>
   <tr>
     <td width="139" height="33">Standard lot</td>
     <td width="3">&#58;</td>
     <td width="124">37&#39; &times; 90&#39;</td>
     <td width="44" rowspan="2"><img src="images/divider.png"></td>
     <td width="117">4 Bedrooms</td>
     <td width="44">&#124;</td>
     <td>3 Bathrooms</td>
   </tr>
   <tr>
     <td>Built up area</td>
     <td>&#58;</td>
     <td>27&#39; &times; 52&#39;6&quot;</td>
     <td colspan="3">Wet &amp; Dry kitchen</td>
     </tr>
 </table>
     </div><!--end div8-->
     
     <div class='hidable' id='div9'>nnnn
     </div>

    <div class='hidable' id='div10'>nnnn
     </div>
    </div><!--boxes-->
</div><!--contentbox-->
</div><!--context-->
</div><!--note-->
</div><!--content2-->

<div id="footer-spacer"></div>
<div id="footer"><img src="images/footer.png" align="right"></div>
</div><!--wrapper--> 
</body>
</html>