JS, jQuery Conflict.. help?

Question

Please visit the following link in IE:

http://sitehelp.com.au/demos/bxslider/dropdowntest.html

It works fine in Firefox, Chrome, etc, but when in IE, you click the slide down, it creates a javascript error and will not slide back up.

If we move the bxslider JS above jquery JS, it works although it corrupts other scripts in the page on the main site.

How can we fix this as is? With jQuery above bxslider JS? What is the conflict causing this jquery error?

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Win64; x64; Trident/4.0; .NET CLR 2.0.50727; SLCC2; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C)
Timestamp: Tue, 10 May 2011 12:36:46 UTC


Message: Invalid argument.
Line: 16
Char: 79850
Code: 0
URI: http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js

Thank you.

Answer 1

For what it seems like you're wanting, you don't actually need to load bxslider (not that this solves the js error). jQuery has a method called slideDown() and slideUp() that already does what you're trying to do on that page...