Mam na stronce długi formularz i chciałbym, aby 3 jego części były zwinięte. Osoby, które chciałby go wypełnić rozwijałyby jego poszczególne części. Jak to zrobić? Szukałem w googlach ale nie wiem jak to się tak naprawdę nazywa

jquery -> slideToggle

[PHP] pobierz, plaintext 
 
   <script type="text/javascript">
 
function aktywny(box) {
box.style.background='#f0f0ff';
}
 
function nieaktywny(box) {
box.style.background='#ffffff';
}
 
function pokazAlboUkryj(co) {
var obiekt = document.getElementById(co);
if (obiekt.style.display == 'block') {
obiekt.style.display = 'none';
} else {
obiekt.style.display = 'block';
}
}
 
 
</script>
 
 
 
<div class="tresc" onmouseover="aktywny(this)" onmouseout="nieaktywny(this)">
temat
</div>
 
<p class="tytul"><a class="faq" onclick="pokazAlboUkryj('id1'); return false;">tytul</a></p>
 
<div id="id1">
<div class="tresc2" onmouseover="aktywny(this)" onmouseout="nieaktywny(this)">
<a class="faq" onclick="pokazAlboUkryj('id2'); return false;">
pytanie
</a>
<div id="id2" class="faq_odp">
odp
</div>
</div>
 
<div class="tresc2" onmouseover="aktywny(this)" onmouseout="nieaktywny(this)">
<a class="faq" onclick="pokazAlboUkryj('id3'); return false;">
pyt
</a>
<div id="id3" class="faq_odp">
odp
</div>
</div>
 
 
[PHP] pobierz, plaintext 

[CSS] pobierz, plaintext 
     #id1,#id2,#id3,#id4,#id5,#id6,#id7,#id8,#id9,#id10,#id11,#id12,#id13,#id14,
     #id15,#id16,#id17,#id18,#id19,#id20,#id21,#id22,#id23,#id24,#id25,#id26,#id27,
     #id28,#id29,#id30,#id31,#id32,#id33,#id34,#id35,#id36,#id37,#id38,#id39,#id40,
     #id41,#id42,#id43,#id44,#id45,#id46,#id47,#id48,#id49,#id50,#id51,#id52,#id53,
     #id54,#id55,#id56,#id57,#id58,#id59,#id60,#id61,#id62,#id63,#id64,#id65,#id66
     ,#id67,#id68,#id69,#id70,#id71,#id72,#id73,#id74,#id75,#id76,#id77,#id78,#id79
     ,#id80,#id81,#id82,#id83,#id84,#id85,#id86,#id87,#id88,#id89,#id90,#id91,#id92
     ,#id93,#id94,#id95,#id96,#id97,#id98,#id99,#id100,#id101,#id102,#id103,#id104
     ,#id105,#id106,#id107,#id108,#id109,#id110,#id111,#id112,#id113,#id114,#id115
     {
       display: none;
     } 
[CSS] pobierz, plaintext 

tylko jeden

[PHP] pobierz, plaintext 
 
<script type="text/javascript">
function showonlyone(thechosenone) {
      var newboxes = document.getElementsByTagName("div");
            for(var x=0; x<newboxes.length; x++) {
                  name = newboxes[x].getAttribute("name");
                  if (name == 'newboxes') {
                       if (newboxes[x].id == thechosenone) {
                        newboxes[x].style.display = 'block';
                  }
                  else {
                        newboxes[x].style.display = 'none';
                  }
            }
      }
}
 
 
 
 
echo "<a  onClick=\"java script:showonlyone('$box_id')\" >";
 <div id=\"$box_id\" name=\"newboxes\" style=\"display:none;\"> <a href=\"java script:showonlyone('zamknij');\" title=\"Zamknij\"> Zamknij [x]</a></div>
<div id="zamknij"></div>
[PHP] pobierz, plaintext 

albo

[PHP] pobierz, plaintext 
function ShowText(id) {
document.getElementById(id).style.display = 'block';
}
 
function HideText(id) {
document.getElementById(id).style.display = 'none';
}
[PHP] pobierz, plaintext