MyBB Community Forums

So I'm attempting to use AnythingSlider (JS based slider) to display some content on the forum and got it to work, however, the JS seems to be conflicting with the forum as the collapse tags don't work on the index page.

Header code:

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
	<link rel="stylesheet" href="css/anythingslider.css">
	<script src="js/jquery.anythingslider.js"></script>
<script>
		// DOM Ready
		$(function(){
			$('#slider').anythingSlider();
		});
	</script> 
	<!-- Older IE stylesheet, to reposition navigation arrows, added AFTER the theme stylesheet -->
	<!--[if lte IE 7]>
	<link rel="stylesheet" href="css/anythingslider-ie.css" type="text/css" media="screen" />
	<![endif]-->

The slider itself seems to work great but it conflicts with the JS from the collapse tag and the shoutbox as well. Anyone know what could possibly be wrong?

Try this:

<script>
        jQuery.noConflict();
        // DOM Ready
        jQuery(document).ready(function($) {
            $('#slider').anythingSlider();
        });
</script> 

or you could try Coin-Slider, also a JS based slider. We have an implementation of this app into a MyBB plugin in our support forum (spanish), just to make an easy install

http://www.soportemybb.com/tema_Plugin-C...porte-MyBB