No aplicar even y odd a los tr ocultos

[experimenta]

Hola me dan una solución a este problema.

como hago para que cuando el campo tr se oculte se aplique nuevamente
even y odd en los tr.
para que no se deforme la tabla o mejor dicho no se unan los colores de cada campo, haber si me hechan una mano para solucionarlo.
aki un codigo de ejemplo de mi error.

Código HTML:

<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    $('tr:first').css({'background':'#3F3F3F','color':'#FFF'});
    $('tr:even').not(':first').css('background','#33FF33');
    $('tr:odd').css('background','#FFF333');
    
    $('button').toggle(function(){
    
        $('tr:eq(2)').fadeOut('slow');
        //ERROR COMO APLICAR nuevamente estos estilos
        $('tr:even').not(':first').css('background','#33FF33');
        $('tr:odd').css('background','#FFF333');
        
    },function(){
    
        $('tr:eq(5)').fadeOut('slow');
        
        //ERROR COMO APLICAR nuevamente estos estilos
        $('tr:even').not(':first').css('background','#33FF33');
        $('tr:odd').css('background','#FFF333');
        
    });
});
 
</script>
<table cellspacing="2" cellpadding="4" border="0">
<tr>
    <th>Titulo</th>
    <th>Contenido</th>
</tr>
 
<tr>
    <td>TITULO 1</td>
    <td>CONTENIDO 1</td>
    </tr>
    <tr>
    <td>TITULO 2</td>
    <td>CONTENIDO 2</td>
    </tr>
    <tr>
    <td>TITULO 3</td>
    <td>CONTENIDO 3</td>
    </tr>
    <tr>
    <td>TITULO 4</td>
    <td>CONTENIDO 4</td>
    </tr>
    <tr>
    <td>TITULO 5</td>
    <td>CONTENIDO 5</td>
    </tr>
    <tr>
    <td>TITULO 6</td>
    <td>CONTENIDO 6</td>
</tr>
</table>
<br /><button>Ocultame</button>
 

[America|UNK]

Código Javascript:

$('tr:eq(2)').fadeOut('slow',function(){
   $('tr:visible:even').not(':first').css('background','#33FF33');
   $('tr:visible:odd').css('background','#FFF333');   
});
 

a las demás también