[JS] chowanie elementów Opcje

[Edpl]

Witam,
w panelu administracyjnym systemu który obecnie pisze, korzystam z formularzy i innych elementów strony posiadających "display=none" i pokazujących się dopiero po kliknięciu w jakiś link. Chciałbym żeby przy rozwinięciu którejś opcji, ta poprzednio otwarta się chowała.
Jak to zrobić najlepiej? Możnaby chować wszystkie elementy posiadające zdefiniowane 'id' o obojętnej wartości (jak?). Tu pojawia się problem z planowanym wprowadzeniem CSS'a... wtedy chowała by mi się większość strony... jak to rozwiązać lepiej?

Zaznaczam, że w javascripcie jestem zielony.

[erix]

Ja to robię mniej więcej tak. Załóżmy takie menu:

[HTML] pobierz, plaintext 
<dl>
    <dt>asd</dt>
    <dd>sda</dd>
 
    <dt>asd</dt>
    <dd>sda</dd>
 
    <dt>asd</dt>
    <dd>sda</dd>
</dl>
[HTML] pobierz, plaintext 

<dd/> zawiera treść, są domyślnie ukryte.

Teraz JS:

Kod

$('dl dt').click(function(e){
  e.preventDefault();
  $(this).parent()
    .find('dd:visible').slideUp()
    .end().next().slideDown();
}

Przyznam, że ostatnio spodobały mi się konstrukcje bazujące na uchwytach zdarzeń (e), o tym poczytaj gdzieś, gdzie opisany jest DOM; IMHO to dużo bardziej eleganckie rozwiązanie niż zwykłe return false. Co dalej?

Bieżący uchwyt, to kotwica rozwijająco-chowająca, czyli wyzwalacz zdarzeń. Po kolei: wskakuje na poziom rodzica i wyszukuje w nim wszystkie widoczne warstwy treści, po czym je zwija. Następnie wraca "do siebie" (za pomocą czego, to sprawdź w dokumentacji) i szuka swojego sąsiada, którego rozwija. [;

Jak widzisz, całego potworka można zapisać w postaci wywoływania metod łańcuchowych obiektu jQuery i m.in. dlatego jest on taki za...jefajny. [;

A jak to dostosować do Twojego kodu? Zadanie domowe. [;