Im stuck. On mouseover my tab area is blank, what am I doing wrong?
The code in my header.php
<script src="mouseovertabs.js" type="text/javascript">
/***********************************************
* Mouseover Tabs Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
<?php wp_head(); ?>
</head>
The code in my index.php
<div id="yourtabsmenu" class="tabsmenuclass">
<ul>
<li><a href="http://www.javascriptkit.com" rel="gotsubmenu">JavaScript Kit</a></li>
<li><a href="http://www.cssdrive.com" rel="gotsubmenu" id="cssdrive">CSS Drive</a></li>
</ul>
</div>
<div id="yoursubmenuarea" class="tabsmenucontentclass">
<!--1st link within submenu container should point to the external submenu contents file-->
<a href="../../submenucontents.htm" style="visibility:hidden">Sub Menu contents</a>
</div>
<script type="text/javascript">
//mouseovertabsmenu.init("tabs_container_id", "submenu_container_id", "bool_hidecontentsmouseout")
mouseovertabsmenu.init("yourtabsmenu", "yoursubmenuarea", false)
</script>
Thanks for the help