Saturday August 02 2008
Superfish menu help
I"m having some trouble getting the superfish menu jQuery plugin to work. I’ve posted on Expression Engine forums and copied it here for my personal reference. If anyone is reading this feel free to reply here or at the EE forums.
I’ve decided to give superfish menus a shot on my latest site. I’ve set up a dummy template to perfect the code before adding it to the real site. dummy template here.
I added a sub list and that broke the page until I added the sf-menu class to the containing ul tag. Now that I’ve done that, I’m at an impasse and do not know how to proceed.
The one section with a drop down menu isn’t dropping down. Additionally the final menu item is starting on a new line in FF & opera, but missing in IE (this is not so important, I’m sure I can fix that myself) How do I get the drop down menu to appear?
Thank you for your help - if you go to a regular template you can see the simple menu working correctly.
My code as it stands is:
<ul class="sf-menu">
<li class="home"><a href="{path=">Home</a></li>
<li class="resume"><a href="{path=">Resume</a></li>
<li>
<ul>
<li>resume</li>
<li>teaching philosophy</li>
<li>teaching demo</li>
</ul>
</li>
<li class="materials"><a href="{path=">Materials</a></li>
<li class="studentwork"><a href="{path=">Student Work</a></li>
<li class="contact"><a href="{path=">Contact</a></li>
</ul>
</div><!-- navigation -->
<sc*ipt type="text/javascript">
$(document).ready(function() {
$('ul.sf-menu').superfish();
});
</sc*ipt>
