Is there a way to modify the links in this accordion drop menu so that they lead to external HTML pages instead of specific areas on the same page? I've tried various methods but can't seem to achieve it without affecting the styles. Currently, it is configured as a table of contents with links to different sections on the same page.
Below is the provided code. Any assistance would be highly appreciated. Thank you. Mike
..................................
<body>
<div class="container">
<div id="toc-holder" class="toc-holder">
<a href="#" class="toc-link" id="toc-link"><span>▼</span> Table of Contents</a>
<ul id="toc" class="toc">
<li class="toc-h1"><a href="#section1">1. Loomings</a>
<ul class="toc-sub closed">
<li><a href="external-page1.html">1.1 Call me Ishmael</a></li>
<li><a href="external-page2.html">1.2 Circumambulate</a></li>
</ul>
</li>
<li class="toc-h1">
<a href="#section2">2. The Carpet-Bag</a>
<ul class="toc-sub closed">
<li><a href="external-page3.html">2.1 I stuffed a shirt</a></li>
<li><a href="external-page4.html">2.2 As most young candidates</a></li>
</ul>
</li>
<li class="toc-h1">
<a href="#section3">3. The Spouter-Inn</a>
<ul class="toc-sub closed">
<li><a href="external-page5.html">3.1 Entering that gable-ended</a></li>
<li><a href="external-page6.html">3.2 But what most puzzled</a></li>
</ul>
</li>
<li class="toc-h1">
<a href="#section4">4. Counterpane</a>
<ul class="toc-sub closed">
<li><a href="external-page7.html">4.1 Upon waking next morning about daylight...</a></li>
<li><a href="external-page8.html">4.2 My sensations were strange</a></li>
</ul>
</li>
<li class="toc-h1">
<a href="#section5">5. Breakfast</a>
<ul class="toc-sub closed">
<li><a href="external-page9.html" target="_blank">5.1 I quickly followed suit</a></li>
<li><a href="external-page10.html">5.2 You could pretty plainly tell</a></li>
</ul>
</li>
<li class="toc-h1">
<a href="#section6">6. The Street</a>
<ul class="toc-sub closed">
<li><a href="external-page11.html">6.1 If I had been astonished at first</a></li>
<li><a href="external-page12.html">6.2 But, besides the Feegeeans</a></li>
</ul>
</li>
</ul>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="js/jquery.fixedTOC.js?v=3.0"></script>
<script>
// call the plugin on the "#toc" element
$('#toc').fixedTOC({
menuOpens: 'click', // or 'mouseenter'
scrollSpeed: 1000,
menuSpeed: 300,
useSubMenus: true,
resetSubMenus: true,
topLinkWorks: true
});
</script>
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-1965499-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script></div>
</body>
........................................