I've read, searched, and read some more but I can't seem to wrap my head around the jQuery.noConflict() code (or I guess it's more a matter of how to impliment it into my webpage) mainly due to the fact I know little to very little about javascript. I'm just a free script user/variable plugger.

Anyway, my issue is using 2 different scripts:

#1 - An image magnifier (found here) using:

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

and

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

#2 - A tabSlideOut (found here) using:

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

and

      <script src="jquery.tabSlideOut.v1.3.js"></script>

 

I am only referencing 1 instance of jquery.min.js. on my webpage (I assume thats what I should do ).

I've been able to use either script individualy on the same webpage, depending on the order I list the reference.

I've tried using $.noConflict(); about everywhere, but I'm obviously missing something.

Can someone please help show me what info I need to put where so these two scripts will play nice together?