Problema ScrollTop jquery

[rash]

Ciao a tutti,
sto creando questo sistema http://www.netcoming.it/contact_configuratore/ che ha dei div nascosti che al click della sezione corrispondente questi si aprono.
Una volta aperti però deve esserci uno scroll alla nuova sezione aperta, ma qui ho qualche problema.
Non riesco a capire perchè se clicco sul primo radio button scrolla tranquillamente al div aperto mentre se dopo clicco sul secondo radio button questo scrolla più in basso del div che si apre e sul terzo radio ancora più in basso.

Questo il codice jquery che sto utilizzando:

var $expand = jQuery.noConflict();
    $expand('.expand_superficie').on('click',function() {
       $expand("[class^=div_superficie]").not($expand("."+this.id)).slideUp();
       $expand("."+this.id).slideToggle();
       
       $expand("[class^=freccia_config_superficie]").not($expand("freccia_config_"+this.id)).slideUp();
       $expand(".freccia_config_"+this.id).toggle();
       
       var destination = $expand("."+this.id).position().top;
       $expand('html, body').animate({
         scrollTop: destination
        }, 600);
    });

potreste darmi una mano? Non so proprio come risolvere.
Grazie in anticipo.

[lucavizzi]

Ciao a tutti,
sto creando questo sistema http://www.netcoming.it/contact_configuratore/ che ha dei div nascosti che al click della sezione corrispondente questi si aprono.
Una volta aperti però deve esserci uno scroll alla nuova sezione aperta, ma qui ho qualche problema.
Non riesco a capire perchè se clicco sul primo radio button scrolla tranquillamente al div aperto mentre se dopo clicco sul secondo radio button questo scrolla più in basso del div che si apre e sul terzo radio ancora più in basso.

Questo il codice jquery che sto utilizzando:

var $expand = jQuery.noConflict();
    $expand('.expand_superficie').on('click',function() {
       $expand("[class^=div_superficie]").not($expand("."+this.id)).slideUp();
       $expand("."+this.id).slideToggle();
       
       $expand("[class^=freccia_config_superficie]").not($expand("freccia_config_"+this.id)).slideUp();
       $expand(".freccia_config_"+this.id).toggle();
       
       var destination = $expand("."+this.id).position().top;
       $expand('html, body').animate({
         scrollTop: destination
        }, 600);
    });

potreste darmi una mano? Non so proprio come risolvere.
Grazie in anticipo.

"position().top" restituisce la posizione dell'elemento in relazione all'elemento padre.

Nel tuo caso, bisogna usare "offset().top" che, invece, restituisce il top in relazione all'intero documento.

[rash]

No c'è lo stesso problema, già provato.
Ho risolto dando come destinazione un div madre.
Il problema sta praticamente nello scroll mentre il nuovo di va in show() quindi prende una posizione più bassa.
Grazie lo stesso.
Come faccio a chiudere il topic o cancellarlo?