<html>
<head>
<title>IVORY:SAMPLE ONE</title>
<link rel="stylesheet" type="text/css" href="https://stackoverflow.com/questions/24948593/css/style.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css">
<link href="css/js-image-slider.css" rel="stylesheet" type="text/css" />
<script src="js/js-image-slider.js" type="text/javascript"></script>
<script src="https://stackoverflow.com/questions/24948593/js/jquery.js" type="text/javascript"></script>
<link href="css/generic.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function()
{
$('#control').load('Home.html #controlHome') ;
$('#home').click(function ()
{
$('#control').load('Home.html #controlHome') ;
});
$('#men').click(function ()
{
$('#control').load('Men.html ') ;
});
$('#women').click(function ()
{
$('#control').load('Women.html ') ;
});
$('#cosmetics').click(function ()
{
$('#control').load('Cosmetics.html ') ;
});
$('#accessories').click(function ()
{
$('#control').load('Accessories.html ') ;
});
$('#services').click(function ()
{
$('#control').load('Services.html ') ;
});
$('#aboutus').click(function ()
{
$('#control').load('AboutUs.html') ;
});
});
</script>
</head>
<body>
<div id="container">
<div id="header">
<div id="sub_header">
<h1 id="h1_aaa">I V O R Y - C O L L E C T I O N</h1>
<br>
<h2 style="font-family: Monotype Corsiva,sans-serif;font-size: 45;color: #c24678;padding-top:100px;" id="h2_bbb">Make Yours Dream Come True </h2>
<div class="menu_div">
<ul id="menu-bar">
<div id="menu_div">
<li><a href="" id="home">Home</a></li>
<li><a href="#" id="men">Men</a></li>
<li><a href="#" id="women">Women</a></li>
<li><a href="#" id="cosmetics">Cosmetics</a></li>
<li><a href="#" id="accessories">Accessories</a></li>
<li><a href="#" id="services">Services</a></li>
<li><a href="#" id="aboutus">About Us</a></li>
</div>
</ul>
</div>
</div>
</div>
<div id="control">
</div>
</div>
</body>
</html>
solved How reconnect Javascript File