aggiungere pausa tra due plugin

mrblade

aggiungere pausa tra due plugin

Ciao a tutti!
Ho due plugin jquery. scrollTo per scrollare la pagina fino al div e animatedcollapse per mostrare o nascondere il contenuto dello stesso div. Tra questi due effetti vorrei aggiungere una pausa o un delay, come posso fare?



<script type="text/javascript">
$(document).ready(function()
{
// scroll to top
$('a.goto').click(function(){
$.scrollTo( '#test', 500);

});
});
</script>

<script type="text/javascript">

animatedcollapse.addDiv('lavoro', 'fade=1,height=120px')
animatedcollapse.addDiv('elettro', 'fade=1,height=120px')
animatedcollapse.addDiv('finiture', 'fade=1,height=120px')
animatedcollapse.addDiv('materie', 'fade=1,height=120px')

animatedcollapse.ontoggle=function($, divobj, state){ 
}

animatedcollapse.init()

</script>

Grazie!

ayrton2001

Ciao mrblade,
non riesco a capire come funzioni il tutto.
Lo scrollTo viene attivato sull'onclick di "a.goto", ma animatedcollapse ?

mrblade

viene attivato tutto sull'onclick, anche animatedcollapse (forse non è il metodo più appropriato. comunque...).
l'html infatti è:


<div id="test"></div>
  
    
   <a class="goto" href="javascript:animatedcollapse.hide(['elettro', 'finiture', 'materie']);javascript:animatedcollapse.show('lavoro')">Lavoro</a>

   <a class="goto" href="javascript:animatedcollapse.hide(['lavoro', 'finiture', 'materie']);javascript:animatedcollapse.show('elettro')">Elettrodomestici</a>
   
<a class="goto" href="javascript:animatedcollapse.hide(['lavoro', 'elettro', 'materie']);javascript:animatedcollapse.show('finiture')">Finiture</a>

   <a class="goto" href="javascript:animatedcollapse.hide(['lavoro', 'elettro', 'finiture']);javascript:animatedcollapse.show('materie')">Materie</a>  

<br><br>

<div id="lavoro">div da espandere</div>

mrblade

help!

ayrton2001

Ti conviene creare un unica funzione che richiami sull'onclick.
In questa funzione chiami il metodo scrollTo con l'opzione onAfter che contiene a sua volta le istruzioni per l'animatedcollapse