aggiungere elementi in maniera dinamica con animate jquery

[sjpagan]

Salve a tutti, sto cercando di aggiungere una piccola animazione quando carico degli dati provenienti da una chiamata ajax, in questo istante riesco ad inserire gli elemnti senza problemi, ora vorrei realizzare uno script che mi aggiunga questi elementi in maniera animata...


questa è la mia tabella:

                                     <table class="table" style="margin-top:10px;">
                                        <thead>
                                            <th>
                                                Funzionario
                                            </th>
                                            <th>
                                                Nome Point
                                            </th>
                                            <th>
                                                Promo Rimanenti
                                            </th>
                                            <th>
                                                Proroga
                                            </th>
                                            <th>
                                                Azioni
                                            </th>
                                        </thead>
                                        <tbody id="data_tab">
                                            
                                        </tbody>
                                    </table>

ec ecco la mia funzione jquery

$.each(obj.result,function(index,value){
                    if(value.funzionario != null){
                        if(first_loop == true){
                          $('#data_tab').append(
                                   "<tr class='success remove' id='row_"+value.id_account+"'>\n\\n\
                                        <td>\n\
                                            "+value.funzionario+"\n\
                                        </td>\n\
                                        <td>\n\
                                            "+value.ragione_sociale+"   \n\
                                        </td>\n\
                                        <td>\n\
                                        <span style='color:red;'>"+value.da_inserire+"</span>\n\
                                        </td>\n\
                                        <td>\n\
                                            <input type='text' class='datepicker form-control' id='inp_"+value.id_account+"' placeholder='ex: dd-gg-YY' >\n\
                                            <input type='hidden' id='id_promo_"+value.id_account+"' value='"+value.id_promo+"'></input>\n\
                                        </td>\n\
                                        <td>\n\
                                            <button type='button' id='"+value.id_account+"' class='btn btn-success btn-xs save_me' >Salva</button>\n\
                                        </td>\n\
                                    </tr>"


                                   );//chiusura append
                           first_loop=false;
                       }else{
                           $('#data_tab').append(
                                   "<tr class='remove' id='row_"+value.id_account+"'>\n\
                                        <td>\n\
                                            "+value.funzionario+"\n\
                                        </td>\n\
                                        <td>\n\
                                            "+value.ragione_sociale+"   \n\
                                        </td>\n\
                                        <td>\n\
                                        <span style='color:red;'>"+value.da_inserire+"</span>\n\
                                        </td>\n\
                                        <td>\n\
                                            <input type='text' id='inp_"+value.id_account+"' class='datepicker form-control load_date' placeholder='ex: dd-gg-YY' >\n\
                                                          <input type='hidden' id='id_promo_"+value.id_account+"' value='"+value.id_promo+"'></input>\n\
                                        </td>\n\
                                        <td>\n\
                                             <button type='button' id='"+value.id_account+"' class='btn btn-success btn-xs save_me' >Salva</button>\n\
                                        </td>\n\
                                    </tr>"


                                   );//chiusura append
                           first_loop=true;
                       }
                   }//chiusura if null
                   });//chiusura each

ed ecco il risultato finale

risultato.jpg



ora, tramite append, come posso fare per aggiungere il tag tr di colore verde da destra e il bianco da sinistra ???

Ho provato con la guida che c'è sulla pagina ufficiale di jquery ma non va :-(