Try this: 1. Remove <script>jQuery.noConflict();</script> from where you have placed it.
2. And recode your JavaScript like this: <script> var $j = jQuery.noConflict();/*First line of JavaScript that processes. Put No Conflict stuff in a variable*/ function refreshContent(section) { $j("#section").fadeOut(" > > slow", function(){ > $j("#section").load("ajaxcontent.php?section="+section,false, > function() { > $j("#section").fadeIn("slow"); > }); > }) > return false; > } > </script> It worked for me. All other options had failed. Akbar On Thu, Nov 12, 2009 at 7:03 AM, Ryan Levin <ryanle...@gmail.com> wrote: > Hi, > > I am unable to get jquery and the barackslideshow working on the same > page. I have been struggling for hours and it is an urgent thing. I > researched and found the noConflict and after a while realized the > correct order to put it in for it to work. And it works great - in > Chrome and Firefox. In I.E. the barackslideshow I have doesn't fade > out it just jumps to the next image with no transition. Here is my > code: > > <CODE> > <script type="text/javascript" charset="utf-8" src="js/mootools-1.2.1- > core-yc.js"></script> > <script type="text/javascript" charset="utf-8" src="js/ > mootools-1.2.2.2-more.js"></script> > <script type="text/javascript" charset="utf-8" src="js/jquery.js"></ > script> > <script>jQuery.noConflict();</script> > <script type="text/javascript" charset="utf-8" src="js/ > Fx.MorphList.js"></script> > <script type="text/javascript" charset="utf-8" src="js/ > BarackSlideshow.js"></script> > <script> > window.addEvent('domready', function(){ > var slideshow = new BarackSlideshow('menu', 'pictures', 'loading', > {transition: 'fade', autostart: true, auto: true, tween: { duration: > 2500 }, autointerval: 4000 }); > }); > </script> > <script> > function refreshContent(section) { > jQuery("#section").fadeOut("slow", function(){ > jQuery("#section").load("ajaxcontent.php?section="+section,false, > function() { > jQuery("#section").fadeIn("slow"); > }); > }) > return false; > } > </script> > > <script language="JavaScript" type="text/javascript"> > /*<![CDATA[*/ > var Lst; > > function CngClass(obj){ > if (Lst) Lst.className=''; > obj.className='active'; > Lst=obj; > } > /*]]>*/ > </script> > </CODE> > > > I would appreciate any help!!! > > Thanks, > > Ryan >