jquery slider and nav clashing. Help!

Question

I am building a site that uses two jquery plugins: A Jquery Menu (that I modified a bit) and the JFlow slider. I have uploaded the page that Im having the problem here.

For some reason, the file menu.js (that is the engine behind the nav bar) causes the slider to stop working. When I remove the line of code:`

<script type="text/javascript" src="js/menu.js"></script>

` the slider works perfectly. Something in that file is causing the slider not to work! I can't seem to figure out whats causing this clash, so please let me know if you find anything.

Answer 1

I am getting this error

o.easing[this.options.easing || (o.easing.swing ? "swing" : "linear")] is not a function
http://www.vitaminjdesign.com/nav/js/jquery-1.3.2.min.js
Line 19

when I click on one of the left / right arrows. I found the error via Firebug plugin's console. I would try using the non-minified version of jQuery and expect the line that throws the error. It might have something to do with the easing function in menu.js. I don't think that should be in there, considering it is a part of the core jQuery library.

Answer 2

After some research, I found the solution here. You need to change the easing mode from "swing" to linear on the jflow plugin controls. Then it works great!