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.

Zrobić sobie obiekt do tego celu.
W jednej właściwości będzie przechowywany aktualnie otwarty element (lub jego id).
Metoda close() zamykająca aktualnie otwarte, oraz metoda open() w której najpierw jest wywołana metoda close() a później "otwierany" jest element podany jako parametr.

A po co?

Jest przecież selektor: warstwa:visible [;

Pomysł dobry, dziwie sie, że wcześniej nie wpadlem na to... ale jak zrealizowac? chcialem podobnie na 'zmiennych' (przypominam ze w java scripcie jestem zielony i nawet nie wiem czy sie dobrze do tego zabieralem.
Mialem taki kod:

[HTML] pobierz, plaintext 
<script language="JavaScript">
<!--
function show(parametr)
// Function that will swap the display/no display for
// all content within span tags
{
if (parametr.style.display == "none")
{
parametr.style.display = "";
}
else
{
parametr.style.display = "none";
}
}
-->
</script>
[HTML] pobierz, plaintext 

Probowalem zrobic to tak:

[HTML] pobierz, plaintext 
if (parametr.style.display == "none"){
stary.style.display = "none";
parametr.style.display = "";
stary = parametr;
}
[HTML] pobierz, plaintext 

ale oczywiscie nie dziala... o obiektach nic nie wiem niestety.

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:

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. [;

a ja jednak pierwszy pomysł doprowadziłem do działania;)
Twój sposób erix był zbyt niezrozumiały dla kogoś kto w ogóle się nie interesuje javascriptem, bo używa go naprawde sporadycznie;)

mój kod wygląda tak:

[PHP] pobierz, plaintext 
<?php
function show(parametr)
{
if (parametr.style.display == "none")
{
  if (typeof(stary) == "undefined"){
  } else {
    stary.style.display = "none";
  }
  parametr.style.display = "";
  stary = document.getElementById(parametr.id);
}
else
{
parametr.style.display = "none";
}
}
?>
[PHP] pobierz, plaintext 

Po przeczytaniu kursu JavaScript, pobieżnym przejrzeniu dokumentacji DOM nie powinno być problemów. [;