jquery - trouble with noconflict



Hi,

I have been laboring a jquery menu and visuallightbox photo gallery in that page only.

I've incorporated a noConflict however my gallery is still not opening properly.

Please see the code below -

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script> 
<script type="text/javascript">
 
$(document).ready(function(){
 
    $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
 
    $("ul.topnav li span").hover(function() { //When trigger is clicked...
 
        //Following events are applied to the subnav itself (moving subnav up and down)
        $(this).parent().find("ul.subnav").stop().slideDown('fast').show('slow', function(){
            $(this).height("auto");
        }); //Drop down the subnav on click
 
 
        $(this).parent().hover(function() {
        }, function(){    
            $(this).parent().find("ul.subnav").stop().slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
        });
 
        //Following events are applied to the trigger (Hover events for the trigger)
        }).hover(function() { 
            $(this).addClass("subhover"); //On hover over, add class "subhover"
        }, function(){    //On Hover Out
            $(this).removeClass("subhover"); //On hover out, remove class "subhover"
    });
 
});
</script> 
 
<!-- #BeginEditable "doctitle" -->
<title>Photo Gallery: Holst Ride Smarter School</title>
<meta name="description" content="Holst Ride Smarter School Photo Gallery" />
<meta name="keywords" content="Holst Ride Smarter School, riding school, motorcycle instruction school, motorcycle schools, sport bikes, cruisers, adventure bikes, Lance Holst, Montana, ride smarter, imporve riding skills, motorcycles, motorcycle riding" />
 
<link rel="stylesheet" href="engine/css/vlightbox1.css" type="text/css" />
        <link rel="stylesheet" href="engine/css/visuallightbox.css" type="text/css" media="screen" />
<script src="engine/js/jquery.min.js" type="text/javascript"></script>
        <script src="engine/js/visuallightbox.js" type="text/javascript"></script>
        <script src="engine/js/vlbdata.js" type="text/javascript"></script>
 
<script type="text/javascript" src="engine/js/jquery.min.js"></script>
<script type="text/javascript" src="engine/js/visuallightbox.js"></script>
<script type="text/javascript" src="engine/js/vlbdata.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script type="test/javascript">
  $.noConflict();
  //Code that uses other library's $ can follow here.

Please help.

Thank you.

39 weeks 1 day ago   Tags: