Mootools Fx.Slide su più elementi contemporaneamente

[artorius]

Dunque, ci sono un paio di cose che non sono proprio chiare:
tu parli di id, ma lo sai che ci può essere UN id="Eliminato" nella pagina?
In secondo luogo l'height sulle tabelle ha sempre avuto dei problemi... ecco perché si raccomanda di non usarle nel layout della pagina.

Fx.Styles è usato per stili multipli, ti conviene usare Fx.Style e comunque, quello ti fa vedere l'effetto apertura alla pagina. In apertura dovresti averle chiuse, poi con un link, le apri con uno slide.

Comunque ti conviene usare la class non l'id, che funziona uguale

L'unico problema è che le tabelle sono poco personalizzabili, non puoi usare dei div con float:left;?

    [url="javascript:void(0)"]Click[/url]
</p>
<div id="Lista">
    <div id="header">
        <div class="Cell">
            Nome
        </div>
        <div class="Cell">
            Stato
        </div>
        <div class="Cell">
            Modifica
Struttura SEO
        </div>
        <div class="Cell">
            Modifica
        </div>
        <div class="Cell">
            Elimina
        </div>
    </div>
    <div class="Row Eliminato">
        <div class="Cell">
            pippo1
        </div>
        <div class="Cell">
            Finito
        </div>
        <div class="Cell">
            Struttura
        </div>
        <div class="Cell">
            [url="modifica.php?percorso=pippo1.xml"]Modifica[/url]
        </div>
        <div class="Cell">
            [url="elimina.php?percorso=pippo1.xml"]Elimina[/url]
        </div>
    </div>
    <div class="Row">
        <div class="Cell">
            pippo1
        </div>
        <div class="Cell">
            Finito
        </div>
        <div class="Cell">
            Struttura
        </div>
        <div class="Cell">
            [url="modifica.php?percorso=pippo1.xml"]Modifica[/url]
        </div>
        <div class="Cell">
            [url="elimina.php?percorso=pippo1.xml"]Elimina[/url]
        </div>
    </div>
</div> 

Con CSS:

#header{
    margin: 0px;
    padding: 0px;                
}
#header{
    width: 100%;
    float: left;
}
.Row{
    width: 100%;
    float: left;
    overflow: hidden;
}
.Cell{
    width: 20%;
    float: left;
}
#header .Cell{
    font-weight: bold;
    text-align: center;
}
.Eliminato{
    height: 0px;
} 

Poi fai lo script:

var toggled = false;            
window.addEvent('load', function(){
    $('click').addEvent('click', function(){
        $$('div.Eliminato').each(function(item){
            var tween = new Fx.Tween(item);
            tween.start('height', toggled ? 0 : 20);
            toggled = !toggled;
        })
    });
}); 

N.B io uso Mootools 1.2, ha diverse migliorie