Forums

michelle

Hello,
I've been tying to solve this problem myself using the no conflict code, no success.

http://soozischlanger.com/archivesmusic2.html
each headline is supposed to open in with lightbox, also have a slideout menu - depending on the order of the js only one or the other works. Any suggestions for getting both to work?

thank you.
michelle

Mottie

Hiya!

All you should need to do is set noConflict mode and change the "$" to "jQuery", but for jQuery only:

<script type="text/javascript">
    jQuery.noConflict();
    jQuery(function($){

        $('.slide-out-div').tabSlideOut({
            tabHandle: '.handle',                     //class of the element that will become your tab
            pathToTabImage: 'menuicon1.png', //path to the image for the tab //Optionally can be set using css
            imageHeight: '110px',                     //height of tab image           //Optionally can be set using css
            imageWidth: '63px',                       //width of tab image            //Optionally can be set using css
            tabLocation: 'left',                      //side of screen where tab lives, top, right, bottom, or left
            speed: 300,                               //speed of animation
            action: 'click',                          //options: 'click' or 'hover', action to trigger animation
            topPos: '280px',                          //position from the top/ use if tabLocation is left or right
            leftPos: '20px',                          //position from left/ use if tabLocation is bottom or top
            fixedPosition: true                  //options: true makes it stick(fixed position) on scroll
        });
    });
    </script>

treehouse : what would you like to learn today?

Forums

jquery conflict with lightbox