Ciao a tutti!
Sto provando a implementare la funzione draggable di jquery nel mio sito, ma nel momento in cui la inserisco tutto il resto di codice jquery non funziona...Sapete darmi una mano ?
Questo è il codice jquery
codice:
<script type="text/javascript">
jQuery(document).ready(function() {
$('#contiente_linguette').draggable();
jQuery('.mover4').hide();
jQuery('.mover3').hide();
jQuery('.mover2').hide();
jQuery('.mover').hide();
jQuery('#linguetta').click(function(){
jQuery('.mover').slideToggle('1000');
});
jQuery('#linguetta_2').click(function(){
jQuery('.mover2').slideToggle('2000');
jQuery('.mover3').hide('2000');
jQuery('.mover4').hide('2000');
$('#contenutone').css('background' , 'url(images/filosofia.jpg) no-repeat');
});
jQuery('#linguetta_3').click(function(){
jQuery('.mover3').slideToggle('2000');
jQuery('.mover2').hide('2000');
jQuery('.mover4').hide('2000');
$('#contenutone').css('background' , 'url(images/ecosostenibile.jpg) no-repeat');
});
jQuery('#linguetta_4').click(function(){
jQuery('.mover4').slideToggle('2000');
jQuery('.mover2').hide('2000');
jQuery('.mover3').hide('2000');
$('#contenutone').css('background' , 'url(images/perche.jpg) no-repeat');
});
});
</script>
e questa una parte del codice html
Codice PHP:
<body>
<div id="centrale">
<div id="offerte" class="mover">[img]http://www.giorgiotave.it/forum/images/contenuto.png[/img]</div>
<div id="contiene_navigazione">
<div id="logo"></div>
<div id="linguetta">[img]http://www.giorgiotave.it/forum/images/clicca_offerte.png[/img]</div>
<div id="spazio_menu_link"></div>
<div id="area_menu">
<div id="menu_1">[url="2.html"][/url]</div>
<div id="menu_2">[url="2.html"][/url]</div>
<div id="menu_3">[url="2.html"][/url]</div>
<div id="menu_4">[url="2.html"][/url]</div>
<div id="menu_5">[url="2.html"][/url]</div>
<div id="menu_6">[url="2.html"][/url]</div>
</div>
</div>
<div id="contenutone">
<div id="contiente_linguette">
<div id="linguetta_2">[img]http://www.giorgiotave.it/forum/images/filosofia.png[/img]</div>
<div id="contenuto_linguetta" class="mover2"><div id="contiene_testi_linguette">
<? echo $testi['filosofia']['contenuto']; ?>
</div></div>
<div id="linguetta_3">[img]http://www.giorgiotave.it/forum/images/ecososte.png[/img]</div>
<div id="contenuto_linguetta" class="mover3"><div id="contiene_testi_linguette">
<? echo $testi['ecosostenibile']['contenuto']; ?>
</div></div>
<div id="linguetta_4">[img]http://www.giorgiotave.it/forum/images/perche.png[/img]</div>
<div id="contenuto_linguetta" class="mover4"><div id="contiene_testi_linguette">
<? echo $testi['perche']['contenuto']; ?>
</div></div>
</div>
</div>
</div>
Praticamente dovrei rendere "draggable" #contiente_linguette che al suo interno ha altri elementi che funzionano tramite jquery... Purtroppo se lo inserisco dove vedete non funziona nulla, se lo tolgo tutto funziona!
Grazie!