problema slide Jquery

[killer79]

Ciao,

stò cercando di realizzare una gallery in PHP/jquery con lo slide orizzontale:

questo è l'html generato da PHP

<div id="contenitore">
<div id="contenuto">
<div id="primo">Lorem ipsum[...]</div>
<div id="secondo">Lorem ipsum[...]</div>
<div id="terzo">Lorem ipsum[...]</div>
</div>
</div>
<div id="menu">
Primo
Secondo
Terzo
</div>

e questo lo script all'interno della pagina

$(document).ready(function(){

var margin=0;

$("#menu a:visible").each(function(el){

$(el).click(function(){

margin=margin-600;

$("#contenuto").animate({ marginLeft: margin}, 500 );

})

})

});

funziona correttamente, quando clicco il link visualizzo il contenuto seguente.
Il problema è che ogni volta viene cliccato un link, margin viene incrementato e quindi se clicco il secondo e poi il primovado comunque al terzo...

spero di essermi spiegato.

qualcuno può aiutarmi?

grazie

[Senamion]

Puoi provare ad usare l'indice dell'elemento:

$(document).ready(function(){
  var margin=0;
  $("#menu a:visible").each(function(i){
    $(this).click(function(){
    margin=-(i*600);
    $("#contenuto").animate({ marginLeft: margin}, 500 );
    })
  })
});

[killer79]

PERFETTO!!!!!

Grazie mille, non ci avevo pensato.