[Jquery] Cambiare altezza div durante il caricamento

felino

[Jquery] Cambiare altezza div durante il caricamento

Salve uteti,
chiedo il vostro supporto....

Ho un <div id="slider_box"> contenuto.... </div>

Vorrei che all'apertura del sito questo abbia un'altezza di 500px e dopo 3 secondi, va ad un'altezza di 350px.

Sapete indicarmi come fare?

Avevo scritto questa bozza, ma non va:


$('#slider_box').stop().show().animate({'height':'550px'},300,'easeInOutExpo', function(){

        $('#slider_box').stop().show().delay(5000).animate({'height':'450px'},900,'easeInOutExpo');
    
    });

Grazie!

degantoniodeg 0

credo che proverei così:

$(document).ready(function(){
window.setTimeout(modifica_stile('slider_box'), 3000);
});

function modifica_stile(elemento){
$("#" + elemento).css("height","350px");

}

degantoniodeg 0

a dimenticavo
il div lo imposterei di default a 500px

felino

ho risolto così:


$('#slider_box').stop().show().animate({'height':'550px'},300,'easeInOutExpo', function(){

    setTimeout(function(){

        $('#slider_box').stop().animate({'height':'350px'},900,'easeInOutExpo');

    },3000);

});