[JavaScript][CSS] Pokazywanie/ukrywanie dwóch div'ów na raz, za pomocą jednego kliknięcia Opcje

[Ok-a]

Szukałam rozwiązania już w wielu miejscach, ale jeżeli jest tu gdzieś na forum i je przegapiłam, to byłabym wdzięczna za linka.


Chodzi o to, aby pokazać/ukryć dwa różne bloki tekstu, klikając na jeden odnośnik. Bloki te znajdują się w różnych częściach strony.

W tej chwili mam jakiś skrypt, który świetnie radzi sobie z rozwijaniem jednego bloku. Niestety o skryptach Javy nie wiem prawie nic, więc nie wiem, czy da się tam coś dopisać, żeby to działało też na ten drugi blok (i czy w ogóle coś takiego jest możliwe).

W HEAD to wygląda tak (mam nadzieję, że nie ma błędów - już nawet nie pamiętam skąd to skopiowałam...):

[JAVASCRIPT] pobierz, plaintext 
 <script type="text/javascript">
  function toggleLayer( blok1 )
  {
   var elem, vis;
   if( document.getElementById )
     elem = document.getElementById( blok1 );
   vis = elem.style;
   if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)
     vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';
   vis.display = (vis.display==''||vis.display=='block')?'none':'block';
  }
 </script>
[JAVASCRIPT] pobierz, plaintext 

W BODY:

[HTML] pobierz, plaintext 
<a href="java script:toggleLayer('blok1')">więcej</a>
 
<div id="blok1">Ukryty tekst</div>
[HTML] pobierz, plaintext 

Naiwnie próbowałam tak samo nazwać te dwa bloki (IMG:style_emoticons/default/rolleyes.gif) ale nadal rozwijało tylko jeden.
Będę wdzięczna za jakąkolwiek pomoc (IMG:style_emoticons/default/smile.gif)

[kosma]

Jeśli wystarczy tylko odkryć lub schować kilka bloków jednocześnie to wystarczy onclick

[HTML] pobierz, plaintext 
<a href="#" onClick="document.getElementById('blok_1').style.display='block';document.getElementById('blok_2').style.display='block';">Odkryj</a>
<div style="display: none" id="blok_1">Ukryty tekst blok 1</div>
<div style="display: none" id="blok_2">Ukryty tekst blok 2</div>
[HTML] pobierz, plaintext 

A z funkcją toggleLayer można odkrywać i zakrywać tak:

[HTML] pobierz, plaintext 
<a href="java script:toggleLayer('blok');toggleLayer('blok2');">kliknij</a>
<div style="display: none" id="blok">ukryty 1</div>
<div style="display: none" id="blok2">ukryty 2</div>
[HTML] pobierz, plaintext 

Jeden blok rozwijało Ci dlatego ponieważ w dokumencie tylko jeden element może przybrać określony numer id i jeśli kilka bloków określisz id=blok to tylko jeden z nich przyjmie ten identyfikator, a jak pewnie zauważyłaś funkcja operuje document.getElementById czyli identyfikatorem z danego dokumentu.

edit:
uwaga na javascript w kodzie - ma być razem lecz forum rozdziela na dwa słowa (w plaintext i pobierając też wyświetla z błędem!).
W swoim skrypcie js nic nie zmieniaj...

Ten post edytował kosma 9.09.2009, 04:19:14