Animace – slide down, up

potreboval bych pomoc s jednoduchou animaci. s jquery jeste moc zkusenosti nemam a vetsina pokusu nedopadla dobre.dokument by mel vypadat napr.:<div id="otazka1">test</div><div id="odpoved1">lorem ipsum...</div><div id="otazka2">test</div><div id="odpoved2">lorem ipsum...</div><div id="otazka3">test</div><div id="odpoved3">lorem ipsum...</div>odpovedi budou defaultne skryty a potreboval bych pomoci jquery udelat animaci ze pri kliknuti na otazku se objevi / skryje odpoved. to by jeste nebyl problem ale potom bych chtel aby kdyz je otevrena jedna odpoved a user klikne na dalsi otazku tak se predchozi skryla. nevim jak to udelat nejak univerzalne abych nemusel psat hromady podminek pro kazdou odpoved zvlast. potom jeste k jquery bych chtel nejakou animaci, nevim co vse nabizi ale neco na zpusob ze pri zobrazeni se odpoved postupne shora dolu odkryje/vyjede a naopak.nasel sem nejaky tutorialy ale z niceho se mi to nepovedlo dat dohromady. nasel by se tu nekdo ochotny pomoct?

Zkusil bych něco takového:<script>$(document).ready(function(){ $("#test li").click(function() { var kliknuljsemna = $(this).attr("id"); if(kliknuljsemna % 2 == 1) { kliknuljsemna = kliknuljsemna + 1; $(".schovane").css("display", "none"); $("#"+kliknuljsemna).css("display", "block"); } }); });</script><style> #schovane { display: none; }</style><ul id="test"> <li id="1">Otazka 1</li> <li id="2" class="schovane">Odpoved 1</li> <li id="3">Otazka 2</li> <li id="4" class="schovane">Odpoved 2</li> <li id="5">Otazka 3</li> <li id="6" class="schovane">Odpoved 3</li></ul>Kdyby ti to jelo tak můžeš dát bod ;-)EDIT# těd jsem si všiml, že chceš ještě animace, tak když tak vygoogli show, hide, toogle nebo animation.

Vít Hellebrand: uz sem dostal do sz reseni i s animaci ale i tak diky za pomoc. z tvyho reseni sem se taky neco priucil :)