javascript - 多个setTimeout如何简化？

想使用setTimeout做一个小动画，但是感觉自己写的代码太繁琐。想知道该如何简化这段代码。是否可以使用构造函数？

function jaTree(){
    setTimeout("$('.tree-1 .line-z').css({'height':'100px'});",1000);
    setTimeout("$('.tree-1 .tree-point').css({'opacity':'1'});",2000);
    setTimeout("$('.tree-right-text-1').css({'opacity':'1','margin-left':'0px'});",2500);

    setTimeout("$('.tree-2 .line-z').css({'height':'100px'});",3500);
    setTimeout("$('.tree-2 .tree-point').css({'opacity':'1'});",4500);
    setTimeout("$('.tree-right-text-2').css({'opacity':'1','margin-right':'0px'});",5000);

    setTimeout("$('.tree-3 .line-z').css({'height':'100px'});",6000);
    setTimeout("$('.tree-3 .tree-point').css({'opacity':'1'});",7000);
    setTimeout("$('.tree-right-text-3').css({'opacity':'1','margin-left':'0px'});",7500);

    setTimeout("$('.tree-4 .line-z').css({'height':'100px'});",8500);
    setTimeout("$('.tree-4 .tree-point').css({'opacity':'1'});",9500);
    setTimeout("$('.tree-right-text-4').css({'opacity':'1','margin-right':'0px'});",10000);

    setTimeout("$('.tree-5 .line-z').css({'height':'100px'});",11000);
    setTimeout("$('.tree-5 .tree-point').css({'opacity':'1'});",12000);
    setTimeout("$('.tree-right-text-5').css({'opacity':'1','margin-left':'0px'});",12500);

    setTimeout("$('.tree-6 .line-z').css({'height':'100px'});",13500);
    setTimeout("$('.tree-6 .tree-point').css({'opacity':'1'});",14500);
    setTimeout("$('.tree-right-text-6').css({'opacity':'1','margin-right':'0px'});",15000);

    setTimeout("$('.tree-7 .line-z').css({'height':'100px'});",16000);
    setTimeout("$('.tree-7 .tree-point').css({'opacity':'1'});",17000);
    setTimeout("$('.tree-right-text-7').css({'opacity':'1','margin-left':'0px'});",17500);

    setTimeout("$('.tree-8 .line-z').css({'height':'100px'});",18500);
    setTimeout("$('.tree-foot').css({'opacity':'1'});",19500);
}