I'm really excited to use this bu the arrows aren't displaying on my
menu. Here's the code I've got in the <head>...
<link rel="stylesheet" type="text/css" media="screen" href="superfish/
css/superfish.css" />
<script type="text/javascript" src="superfish/hoverIntent.js"></
script>
<script type="text/javascript" src="superfish/superfish.js"></script>
<script type="text/javascript" src="superfish/supersubs.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("ul.sf-menu").supersubs({
minWidth: 12,
maxWidth: 27,
extraWidth: 1,
autoArrows: true,
}).superfish();
});
</script>
Here's what I've got in the body...
<div id="menu">
<ul class="sf-menu">
<li class="current">
<a
href="http://localhost:8888/claykirkland/";>home</a>
</li>
<li>
<a
href="http://localhost:8888/claykirkland/bio/";>bio</a>
<ul>
<li><a href="#">musical</a></li>
<li><a
href="#">personal</a></li>
</ul>
</li>
<li class="current">
<a
href="http://localhost:8888/claykirkland/events/";>events</a>
</li>
<li class="current">
<a
href="http://localhost:8888/claykirkland/music/";>music</a>
</li>
<li class="current">
<a
href="http://localhost:8888/claykirkland/photos/";>photos</a>
</li>
<li>
<a
href="http://localhost:8888/claykirkland/bio/";>shop</a>
<ul>
<li><a
href="#">checkout</a></li>
<li><a href="#">menu
item</a></li>
</ul>
</li>
</ul>
</div>
In the css I show that the images at...
http://localhost:8888/claykirkland/superfish/images/
I'm building this using MAMP and Wordpress on my computer. I don't get
it. Everything else works great.
Help!
