[JQuery] problama con slider y accordion

[destor77]

Hola a todos:
me pasaron un sitio para modificar, lo que quieren es agregar un accordion a una seccion, lo hice usando este:
http://docs.jquery.com/UI/Accordion

el tema es que tengo conflicto con el slider, deja de funcionar si hago anda al accordion y viceversa el header lo tengo asi:

Código html:

<script type="text/javascript" src="<? echo JS;?>jquery.js"></script>
<script type="text/javascript" src="<? echo JS;?>jquery.cycle.js"></script>
<script type="text/javascript" src="<? echo JS;?>jquery.lightbox.js"></script>
<script type="text/javascript" src="<? echo JS;?>swfobject.js"></script>
<script type="text/javascript" src="<? echo JS;?>js.js"></script>
 
 
<!-- accordion propuestas -->
<link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
  <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.accordion.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){
    $("#accordion").accordion();
    $("#accordion").accordion({ collapsible: false });
  });
  </script>
 

despues hay un archivo js que tiene esto:

Código javascritp:

$(function(){
    $('#rotador').cycle({
        fx:     'fade',
        speed:    2000,
        timeout:  3000,
        height:   313
    });
 
    $('a.lightbox').lightBox({
        fixedNavigation:'true',
        overlayBgColor: '#000000',
        overlayOpacity: 0.2,
        containerResizeSpeed: 450,
        txtImage: 'Imagen',
        txtOf: 'de'
});
 
});
 

este es el codigo de mi slider:

Código html:

<div id="rotador">
                <?
                $sql="select ruta from slider where estado='1'";
                $result=mysql_query($sql);
                while($imagen=mysql_fetch_array($result)){?>
                    <div><img src="<? echo str_replace('../','',$imagen['ruta']);?>" alt="" />                  
                  </div>
                <?
                }?>
 

y el de mi accordion es este:

Código html:

<div id="accordion">                    
            <?
            while ($propuesta=$propuestas->fetchResultado()){?>
                <p>
                    <a href="#"><? echo $propuesta['titulo'];?></a>
                </p>
                <div>
                    
                    <? echo $propuesta['texto'];?>
                
                </div>
 
            <?  
            }?>         
            </div>
 

el error que me tira el firebug es este:
$("#rotador").cycle is not a function
[Break on this error] height: 313

ojala me puedan dar una mano en esto, desde ya muchas gracias

[hector2c]

woooo, sube un .zip ejecutando esos efectos, para verlo

mmm, estas redeclarando jquery 2 veces :s

[destor77]

hector en donde estoy redeclarando 2 veces?

puede ver el slider en www.progalvez.com.ar/index.php

y el accordion (sin funcionar) en
http://www.progalvez.com.ar/index.ph...les=propuestas

[Voyagerric]

Pues a mi me pasa algo parecido, pero con el jquery cascade y ui slider. Supongo que el tema es que no entiendo muy bien como funcionan y seguramente estoy haciendo una barbaridad.
Poniendo esto por un lado:

Código:

      <script type="text/javascript">
	$(function() {
		$("#slider-range").slider({
			range: true,
			min: 0,
			max: 500,
			values: [75, 300],
			slide: function(event, ui) {
				$("#amount").val('$' + ui.values[0] + ' - $' + ui.values[1]);
			}
		});
		$("#amount").val('$' + $("#slider-range").slider("values", 0) + ' - $' + $("#slider-range").slider("values", 1));
	});
	</script>

y esto por el otro:

Código:

<script type="text/javascript">			  
		jQuery(document).ready(function()
		{	
			$("#poblacion").cascade("#provincia",{
				ajax: {url: 'datos-poblaciones.php'},
				template: commonTemplate,
				match: commonMatch
			});
			$("#zona").cascade("#poblacion",{
				ajax: {url: 'datos-zonas.php'},
				template: commonTemplate,
				match: commonMatch
			});			
			//forzamos un evento de cambio para que se carge por primera vez
			//$("#provincia").change();
			
		});
		
	</script>

Estoy empezando en esto de ajax y me cuesta mucho. Si alguno tiene idea de como solucionarlo, os estare agradecido

[Voyagerric]

Pues nada he encontrado la solucion y me ha funcionado, usando "jQuery.noConflict"

Código:

<script type="text/javascript">	
 		var $jQ = jQuery.noConflict();
		$jQ(document).ready(function()
		{	
			$jQ("#poblacion").cascade("#provincia",{
				ajax: {url: 'datos-poblaciones.php'},
				template: commonTemplate,
				match: commonMatch
			});
			$jQ("#zona").cascade("#poblacion",{
				ajax: {url: 'datos-zonas.php'},
				template: commonTemplate,
				match: commonMatch
			});			
			//forzamos un evento de cambio para que se carge por primera vez
			//$("#provincia").change();
			
		});
		
	</script>

Y ya funcionan perfectamente espero que te sirva