toc.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>TOC test</title>
	<link href="css/bootstrap.css" rel="stylesheet" />
	<link href="css/typeahead.css" rel="stylesheet" />
	<link href="css/style.css" rel="stylesheet" />
</head>
<body>
	<div class="container body-content" id="mainContainer">


	<div class="row viewer" id="tf">

		<div class="col-md-12 iiif">
			<h2 id="title"></h2>		
			<div id="tocs">
			</div>
			<div id="afterAll"></div>
		</div>
	</div>


	</div>


	<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
	<script src="script/bootstrap.min.js"></script>
    <script src="script/toc.js"></script>

</body>
</html>