jQuery in $('tr').slideDown()

Se je kdo od vas že igral z animacijo vrstic v tabeli z jQuery?

Problem je v tem, da jQueryjev engine ob uporabi slideDown() animacije določi na TR elementu stil "display:block", ki pa seveda iz očitnih razlogov razsuje layout.

Googlanje mi ne pomaga, naletim le neskončnokrat na ta isti problem, brez kakšne pametne rešitve, ki ne bi pokvarila validnosti kode.

Je že kdo od vas pogruntal kakšen hack ali workaround, ki bi učinkovito in elegantno rešil ta problem?

25 odgovorov

lej, vsega pa le nemorš met :P

1

FrEaKmAn, saj se ne pritožujem :) Hvala, da si našel rešitev, sem nanjo že pomislil tudi sam, vendar me je, preden bi jo implementiral, odvrnila ravno zaradi paddingov v TDjih :P

Ni panike, zadeve sem, še preden sem zastavil vprašanje, rešil sicer povsem drugače, zanimalo me je predvsem, če je kdo od vas ta problem že uspešno rešil, da vem za drugič, ko bo mogoče uporaba tega neizbežna. Takrat pa mogoče v TDjih ne bom imel paddingov, pa bo zadeva tako ali tako rešena po tvoje :P

3

Vini, pokaži kako si ti rešu? drugače pa lahko tudi dodaš padding = 0 samo za te td-je, pa nato spremeniš ko se slida...

2

FrEaKmAn, ne ne, ne razumeva se, nisem rešil tega problema, ampak sem zadeve uredil povsem drugače, brez uporabe TR :) Je preveč za razlagat, pa preveč nekih butastih detajlov, da bi vas tukaj dolgočasil s tem :P

Glavno je, da smo našli kolikor toliko dober workaround za to zadevo, bo verjetno prišel še zelo prav, enkrat v prihodnosti :)

2

ok, problem rešen :D naslednji...

2