Autoscroll di un toogle usando bootstrap

[Vindav]

all'interno della funzione (al posto di do something...) dovrai far partire lo scroll verso l'alto come ti ha suggerito Andrea nel secondo post, se vuoi fare qualcosa di più carino puoi usare anche il metodo animate.

http://api.jquery.com/scrollTop/
http://api.jquery.com/animate/

[allin81]

si utilizzo gia' scrollTop quando si arriva in fondo alla pagina e si vuole arrivare in cima dando un effetto animato.

Ho provato ad aggiungere questo codice in fondo alla pagina, e se clicco sui dettagli dell'offerta numero 4672 non mi apre il toggle ma fa direttamente lo scrollTop fino in cima alla pagina.

<script type="text/javascript">
$('#collapseExample4672').on('show.bs.collapse', function () {
  $("html, body").animate({ scrollTop: 0 }, 600);
        return false;
});
</script>

Io invece vorrei aprire il toggle che apre il testo "nascosto" ed in automatico scrollare fino alla parte superiore dell'offerta
dove sbaglio?

[Vindav]

perche quel return false? questa funzione non va ad impattare il funzionamento del toggle, se funzionava prima deve continuare a funzionare, se il sito è online posta il link.

[allin81]

ho preso il codice che mi porta in cima alla pagina e l'ho incollato in quella parte di codice, ma ora fa solo lo scroll senza aprire l'offerta

Ti invio in privato il link per vedere, non mi va di "spammare" sul forum

[Vindav]

prova cosi:

$("html, body").animate({ scrollTop: $("#collapseExample4672").offset().top }, 600);

[allin81]

niente, ora non scrolla nemmeno piu' verso il top

[Vindav]

prova a cambiare evento:

$('#collapseExample4672').on('shown.bs.collapse', function () {

[allin81]

wow, adesso funziona grazieeeee

Solo una cosa:
Invece di mettere collapseExample4672 (4672 sarebbe l'id dell'offerta), potrei usare un qualcosa per farlo con tutte le offerte senza dover richiamare ogni volta il numero l'id dell'offerta?
Andrei a creare troppi pezzi dello stesso codice javascript e la pagina si appesantirebbe troppo

[Vindav]

prego!

Si può fare, dovresti applicare una classe uguale a tutti i div delle offerte da mostrare e di conseguenza applicare l'evento su questa determinate classe, il codice diventa:

$(".panel-collapse").on("shown.bs.collapse", function(){
$("html, body").animate({ scrollTop: $(this).offset().top }, 600);
});

dove panel-collapse rappresenta la classe di ogni div con le offerte

[allin81]

mmm ho provato ma adesso non funziona piu'

Ho cambiato il codice come me l'hai dato ed ho provato a mettere sia

<div class="panel-collapse"></div>
sia
<div id="panel-collapse"></div>

Ma non va...
Ho anche provato a cambiare nome tipo "apertura-offerta" ma niente