slideToggle

[claudia_c82]

Salve a tutti
io ho scaricato lo script di Galleriffic, molto bello e completo e soprattutto perfetto per adattarci il db.... il mio problema è che nella descrizione avrei bisogno di applicarci uno script slideToggle()....... finchè questi "cassettini" li faccio aprire fuori del box della descrizione va perfettamente, ma all'interno no.... ho fatto un sacco di prove, ma nn riesco.... posto un po' di codice

questo è il pezzo dove setto i parametri

 <script type="text/javascript">
$(document).ready(function() {
$("a.apri#1").click(
function(){
$(".caption .boxCarat").slideToggle("slow");
});
$("a.apri#2").click(
function(){
$(".caption .boxVant").slideToggle("slow");
});
});
</script>

e questo è l'html

<div id="container">

<div id="caption" class="caption-container"></div>
<div id="thumbs" class="navigation">

<ul class="thumbs">[*]
<a class="thumb" name="leaf" href="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015.jpg" title="Title #0"> 

</a>
<div class="caption">
<div class="image-title">Nome dello strumento</div>
<h2>caratteristiche [img]img/arr_giu.png[/img]</h2>
<div class="boxCarat">Cassettino n 1</div>
<h2>vantaggi [img]img/arr_giu.png[/img]</h2>
<div class="boxVant">Cassettino n 2</div>
</div>
[/list]

</div>

 <div style="clear: both;"></div>
</div>
</div>

[claudia_c82]

Dunque...... ho trovato l'errore ma non so coe risolverlo.....

nel file con tutti i parametri .js c'è questo settaggio

// Adds an image to the gallery and optionally inserts/appends it to the DOM (thumbExists)
// @param listItem Either a jQuery object or a string of html of the list item that is to be added to the gallery.
// @param {Boolean} thumbExists Specifies whether the thumbnail already exists in the DOM or if it needs to be added.
// @param {Boolean} insert Specifies whether the the image is appended to the end or inserted into the gallery.
// @param {Integer} position The index within the gallery where the item shouold be added.
addImage: function(listItem, thumbExists, insert, position) {
	var $li = ( typeof listItem === "string" ) ? $(listItem) : listItem;
	var $aThumb = $li.find('a.thumb');
	var slideUrl = $aThumb.attr('href');
	var title = $aThumb.attr('title');
	var $caption = $li.find('.caption').remove();
	var hash = $aThumb.attr('name');

la stringa in grassetto mi da problemi..... e nn so come sostituirla.... il risultato dovrebbe essere che tutto ciò che sta all'interno del div con classe .caption vienne collocato all'interno del div <div id="caption" class="caption-container"></div>
se tolgo il remove() nn rimuove il codice dalla lista $li.find('.caption')
con hide() ovviamente nasconde tutto....

c'è nessuno che mi possa aiutare?!

[claudia_c82]

ho provato con detach()
funziona, ma solo sulla prima thumb..... cliccando sulla seconda non funziona più slideToggle()

davvero nessuno può aiutarmi?!?!?!?!?!!?