Hola amigos foreros! tengo un problemita, estoy usando dos .js para animar unas cosas, lo que sucede es que generan conflictos, uno es un menú vertical Acordeon y el otro es un Bubble tooltip...son dos animaciones diferentes, pero quedan las dos igualadas, por ejemplo el tooltip toma la animación del acordeon o viceversa....probe con la función:
<script>jQuery.noConflict(true);</script>
pero igualmente sucede los mismo. Les dejo el código para ver si me pueden dar una mano.
Gracias!
Código HTML:
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript" src="tooltips/script.js"></script>
<script src="jquery.js" type="text/javascript"></script>
<script>jQuery.noConflict(true);</script>
<script type="text/javascript">
<!--
jQuery(function () {
jQuery('.bubbleInfo').each(function () {
var distance = 10;
var time = 850;
var hideDelay = 500;
var hideDelayTimer = null;
var beingShown = false;
var shown = false;
var trigger = $('.trigger', this);
var info = $('.popup', this).css('opacity', 0);
jQuery([trigger.get(0), info.get(0)]).mouseover(function () {
if (hideDelayTimer) clearTimeout(hideDelayTimer);
if (beingShown || shown) {
// don't trigger the animation again
return;
} else {
// reset position of info box
beingShown = true;
info.css({
top: -90,
left: -33,
display: 'block'
}).animate({
top: '-=' + distance + 'px',
opacity: 1
}, time, 'swing', function() {
beingShown = false;
shown = true;
});
}
return false;
}).mouseout(function () {
if (hideDelayTimer) clearTimeout(hideDelayTimer);
hideDelayTimer = setTimeout(function () {
hideDelayTimer = null;
info.animate({
top: '-=' + distance + 'px',
opacity: 0
}, time, 'swing', function () {
shown = false;
info.css('display', 'none');
});
}, hideDelay);
return false;
});
});
});
//-->
</script>