Toggle ét element ad gangen, how?

Hej Alle,

Jeg har en lille fakta boks på en kommende side, hvori jeg har tænkt mig at der skal stå flg. spørgsmål inde i li elementer.

 <li class="fakta_li"><p>Spørgsmål 1</p></li>
 <div class="svar">SVAR 1</div>
 
 <li class="fakta_li"><p>Spørgsmål 2</p></li>
 <div class="svar">SVAR 2</div>
 
 <li class="fakta_li"><p>Spørgsmål 3</p></li>
 <div class="svar">SVAR 3</div>
 
 <li class="fakta_li"><p>Spørgsmål 4</p></li>
 <div class="svar">SVAR 4</div>
 
 <li class="fakta_li"><p>Spørgsmål 5</p></li>
 <div class="svar">SVAR 5</div>

Jeg har sat div class="svar" til at være display:none i css.

Med mit begrænsede JQuery kendskab har jeg fået det sat op således at når der klikkes på et af li elementerne så vises ALLE svarerne.

Hvordan kan jeg lave det så det kun er det relevante svar der toggler ned og viser sig.

Kan jeg desuden gøre det sådan at der kun kan vises et svar ad gangen, så når der klikkes på et nyt spørgsmål, så slider det forrige op, og det nye ned?

Det er sikkert barnemad for en JQuery mand/dame!

Det er mit JQ, som er mangelfuldt:

 $(document).ready(function() {
   $('.fakta_li').click(function() {
     $('.svar').toggle(400);
     return false;
   });
 });