Salve a tutti!
Come faccio a far funzionare, senza entrare in conflitto, questi due script che hanno la stessa funzione?
codice:
<script type="text/javascript">
$(document).ready(function(){
$('.topslidebox').topslidebox();
$('.topslidebox_2').topslidebox({title: 'Salut'});
$('.topslidebox_3').topslidebox({closable: false});
$('.topslidebox_4').topslidebox({width: 300});
$('.topslidebox_5').topslidebox({width: 300, height: 600});
$('.topslidebox_6').topslidebox({closeButtonContent: '[img]public/close.gif[/img]'});
$('.topslidebox_7').topslidebox({contentClass: 'myContent'});
$('.topslidebox_8').topslidebox({fixed: true});
});
</script>
codice:
<script type="text/javascript">
$(document).ready(function(){
//Caption Sliding (Partially Hidden to Visible)
$('.boxgrid.caption').hover(function(){
$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});
}, function() {
$(".cover", this).stop().animate({top:'205px'},{queue:false,duration:160});
});
});
</script>
Pur essendo due script completamente diversi, vanno in conflitto e non funzionano.