¿Conflicto entre Javascript y JQuery?

[ambigus]

Hola, resulta que tengo la siguiente web:

http://extremegamex1.gofreeserve.com...os_ex_1.1.html

Como verán utiliza un efecto JQuery muy interesante, el Accordion.

Al dirigirse a la sección de "¿Cómo postularse para Gamer EX?", está el botón de "Formulario". Hasta ahí todo perfecto, sin embargo me gustaría colocarle el efecto de Lightview. Lo he intentado pero resulta en un conflicto total, y no se cómo resolverlo.

Efecto de Lightview utilizado: http://www.nickstakenburg.com/projects/lightview/

Efecto de Lightview funcionando: http://extremegamex1.gofreeserve.com...os_ex_1.2.html

Para hacer que funcione el efecto Lightview he tenido que retirar el código Javascript del JQuery Accordion y dejar el código de Lightview, acontinuación muestro los códigos:

Código Javascript del JQuery Accordion:

Código Javascript:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    
//Set default open/close settings
$('.acc_container').hide('active'); //Hide/close all containers
$('.acc_trigger:first').addClass('active').next().show(); //Add "active" class to first trigger, then show/open the immediate next container
 
//On Click
$('.acc_trigger').click(function(){
    if( $(this).next().is(':hidden') ) { //If immediate next container is closed...
        $('.acc_trigger').removeClass('active').next().slideUp(); //Remove all .acc_trigger classes and slide up the immediate next container
        $(this).toggleClass('active').next().slideDown(); //Add .acc_trigger class to clicked trigger and slide down the immediate next container
    }
    return false; //Prevent the browser jump to the link anchor
});
 
});
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
 
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
 

El código del efecto Lightview:

Código Javascript:

<link rel="stylesheet" type="text/css" href="css/lightview.css" />
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/prototype/1/prototype.js'></script>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/scriptaculous/1/scriptaculous.js'></script>
<script type='text/javascript' src='js/lightview.js'></script>
<script type='text/javascript' 
src='https://ajax.googleapis.com/ajax/libs/prototype/1.7/prototype.js'></script>
<script type='text/javascript' src='js/prototip.js'></script>
<script type='text/javascript' src='js/styles2.js'></script>
 

¿Cómo puedo resolver este conflicto y hacer que funcione el efecto de Lightview al tiempo que el efecto de JQuery Accordion también funcione?.

Espero una pronta respuesta,
Gracias de antemano :)

[maycolalvarez]

usa la sintaxis de jQuery NoConflict