Here is the code snippet to load a div from abc.html into the master.html div named whatis_content. This functionality is intended to be applied to all menu items.
<div id="submenu">
<div id="subnav" >
<ul>
<li id="subone"><a href="abc.html" data-target='content2'>Definitions</a> </li>
<li id="subtwo"><a href="abc.html" data-target='content3'>History</a></li>
</ul>
</div>
<script src="jquery.js"></script>
<script type="text/javascript">
$(function(){
$("#subnav ul li a").click(function(e){
e.preventDefault()
$('#whatismt_content')
.load($(this).attr('abc.html') + ' #' + $(this).attr('data-target'));
});
});
</script>
This section contains the external HTML content for abc.html
<html>
<head>
<link rel="stylesheet" type="text/css" media="all" href="whatis.css" />
</head>
<body>
<div id="content2"><p>BAH BLAHA BH;AHABHBAKBAHBAhtml </p></div>
Some additional content can be found below:
<div id="#whatismt_content">
</div>