conflict problems

conflict problems

having problems with my script I am using lightbox and a fade script could someone point me in the right direction as I am new to jquery!

  1. <!--lightbox script-->
  2. <script type="text/javascript" src="_common/js/mootools.js"></script>
  3. <script type="text/javascript" src="lightbox/lightbox.js"></script>
  4. <script type="text/javascript">
  5. window.addEvent('domready',function(){
  6. Lightbox.init({descriptions: '.lightboxDesc', showControls: true});
  7. });
  8. </script>


  9. <script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>


  10. <!--fade in fade out script and source-->
  11. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  12. <!--http://codeasp.net/blogs/raghav_khunger/microsoft-net/529/how-to-fadein-and-fadeout-a-div-with-jquery-->

  13. <!--the script-->
  14. <script type="text/javascript">
  15. $(function()
  16. {
  17. $('#btnFadeIn').click(function()
  18. {
  19. $('div#divTest').fadeIn('slow');
  20. });

  21. $('#btnFadeOut').click(function()
  22. {
  23. $('div#divTest').fadeOut('slow');
  24. });
  25. });
  26. </script>