Question

I’m issues getting JQuery to work with Mootools, and I’ve tried just about every thing I’ve found on resolving the conflict, so I’m thinking I’m just doing it wrong, and not realizing it.

Here’s the code without the libraries listed:

    <script type="text/javascript">
    jQuery.noConflict();
    $(document).ready(function() {
        $('.slideshow').cycle({
            fx: 'fade' // choose your transition type, ex: fade, scrollUp,         shuffle, etc...
        });
    })(jQuery);


    <script type="text/javascript">

    (function($){
    window.addEvent('domready', function() {

      var status = {
        'true': 'HIDE',
        'false': ''
       };



      var myVerticalSlide = new Fx.Slide('vertical_slide').hide();



        $('v_toggle').addEvent('click', function(event){
        event.stop();
        myVerticalSlide.toggle();
        });



      myVerticalSlide.addEvent('complete', function() {
       $('vertical_status').set('text', status[myVerticalSlide.open]);
          });

            });
            })(document.id);

Answer 1

Use jQuery instead of $

jQuery('.slideShow')

$ is a reference to jQuery so they’re interchangeable