Javascript conflict between libraries...I think

[tomster2300]

Hey guys,

I found a pretty cool lightbox jQuery script called bumpbox which I'm having some trouble implementing into my website. I'm new to javascript in general, so bear with me.

I have the jQuery library in the same js folder as bumpbox.js and mootools.js, and I'm using it for a vertical slider at the top of my site. The only code for the slider is -

jQuery(document).ready(function(){

	jQuery(".btn-slide").click(function(){
		jQuery("#panel").slideToggle("slow");
		jQuery(this).toggleClass("active"); return false;
	});
	
	 
});

When I link to the jQuery library the slider works but the bumpbox fails. I kill the link and bumpbox works. I tried a noConflict thinking that might be the issue, but alas no luck.

Any idea what's going on? Thanks so much!

[Force Flow]

You'll need to include the jquery framework JS file, the mootools JS file, and the main JS file for the bumpbox in the header of your HTML file.

Do you have firebug add-on installed for firefox? That usually helps in finding errors. Also, check firefox's error console. It's usually easiest to work with if you click "clear", then reload the HTML page you're working with.

[tomster2300]

Hey Force, thanks for the help. The bumpbox only needs a link to bumpbox.js and mootools.js. When I link to the jQuery library it breaks. That's why I thought there was a conflict, but it still broke after a noConflict.

I'll use firebug and see what I can find. Thanks for the tip.