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?
<!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();
});
[B]$('.link2').click(function(){
target = $(this).attr('data-target');
$(".link2:nth-child(" + target + ")").click();
});[/B]
$('.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> </td>
<td> </td>
<td> </td>
<td> </td>
<td align="right"><div id="top">[B]<a href="#div9" data-target="9" class="link2">FLOOR PLAN</a>[/B]</div></td>
<td> </td>
<td width="119"><div id="top">[B]<a href="#div10" data-target="10" class="link2">SPECIFICATION</a>[/B]</div></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td colspan="7"><center><img src="images/singleBthumb.jpg"></center></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td colspan="2"> </td>
<td> </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> </td>
<td> </td>
<td> </td>
<td> </td>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td width="139" height="33">Standard lot</td>
<td width="3">:</td>
<td width="124">37' × 90'</td>
<td width="44" rowspan="2"><img src="images/divider.png"></td>
<td width="117">4 Bedrooms</td>
<td width="44">|</td>
<td>3 Bathrooms</td>
</tr>
<tr>
<td>Built up area</td>
<td>:</td>
<td>27' × 52'6"</td>
<td colspan="3">Wet & Dry kitchen</td>
</tr>
</table>
</div><!--end div8-->
[B] <div class='hidable' id='div9'>nnnn
</div>
<div class='hidable' id='div10'>nnnn
</div>[/B]
</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>