[JavaScript] ukrywanie kilku divów Opcje

[!*!]

JS:

Kod

function a(c){var t=document.getElementById('z');if(t)t.className=c;}
function b(divId, divWithText){var div = document.getElementById(divId);if(div.style.display == 'block'){div.style.display = 'none';divWithText.innerHTML = '<img src="2.png" alt="" />';}else{div.style.display = 'block';divWithText.innerHTML = '<img src="1.png" alt="" />';}}

przykładowo do pojedyńczego diva:

[HTML] pobierz, plaintext 
<div class="gdzie_lista">Szybki kontakt
	<div style="cursor:pointer;" class="textToChange" onclick="javascript:b('szybkikontakt', this);"><img src="1.png" alt="" /></div>
 
<div style="display: block" id="szybkikontakt" class="divA">
www<br />
email<br />
 
 
	</div>
</div>
[HTML] pobierz, plaintext 

działa to bez problemu, jednak na stronie mam kilka divów ktore działają na tej samej zasadzie i chciałbym zrboić link aby otwierać lub zamykać wszystkie divy

[HTML] pobierz, plaintext 
<div style="cursor:pointer;" class="textToChange" onclick="javascript:b('div1'; 'div2', this);"><img src="1.png" alt="" /></div>
[HTML] pobierz, plaintext 

tylko zabardzo nie wiem jak zapytać o to w oncliku

[Babcia@Stefa]

Przyznam się że nie czytałem posta ze zrozumieniem ale zapewne chodzi Ci o widoczność diva.

To powinno podziałać:

Kod

document.getElementById('id_diva').style.visibility = 'hidden';

A użycie statyczne (bez automatyki javascriptu):

[HTML] pobierz, plaintext 
<div id="id_diva" style="visibility: hidden;">
Haha jestem ukryty ;>
</div>
[HTML] pobierz, plaintext 

Dziękuję, Babcia@Stefa

[!*!]

To mógłbyś przeczytać nawet temat, chodzi o ukrywanie KILKU diwów pod jednym linkiem

[lord_t]

Masz tu dwie funkcje b2, obie robią to samo, ale trochę inaczej (przeanalizuj sobie):

[HTML] pobierz, plaintext 
<script type="text/javascript">
<!--
 
 
function b2(tab, divWithText)
{
 for(i=0;i<tab.length;i++)
 {
 var div = document.getElementById(tab[i]);
 if(div.style.display == 'block')
   div.style.display = 'none';
 else
   div.style.display = 'block';
 }
 
 if(div.style.display == 'block')
  divWithText.innerHTML = 'obrazek2';
 else
  divWithText.innerHTML = 'obrazek1';
}
 
function b2(tab, divWithText)
{
 var div = document.getElementById(tab[0]);
 if(div.style.display == 'block')
  {
  for(i=0;i<tab.length;i++)
   document.getElementById(tab[i]).style.display = 'none';
  divWithText.innerHTML = 'obrazek2';
  }
 else
  {
  for(i=0;i<tab.length;i++)
   document.getElementById(tab[i]).style.display =  'block';
  divWithText.innerHTML = 'obrazek1';
  }
}
 
//-->
</script>
[HTML] pobierz, plaintext 

Każdą z nich wywołuj się w ten sam sposób. Przykład użycia:

[HTML] pobierz, plaintext 
<div onclick="javascript:b2(Array('pierwszy','maly','redx'), this);">obrazek1</div>
 
<div style='display:block;' id='pierwszy'>Pierwszy</div> 
<div style='display:block;'id='redx'>Czerwony</div>
<div style='display:block;'id='maly'>Mały</div>
[HTML] pobierz, plaintext 

[!*!]

Nie zrozumieliście, wiem jak ukryć, pokazać divy, przykład podałem... chodzi mi o to jak już mam kilka divów które sie rozwijają to chciałbym aby wszytkie się rozwijały po kliknięciu " rozwiń wszystkie"...

[lord_t]

Jeśli chodzi Ci o animację jakąś to zobacz show() i hide() w frameworku jQuery (link w moim podpisie).
A jeśli mają się pokazać po prostu to wystarczy okroić kod js który podałem.

[-Gość-]

sęk w tym że zabardzo nie wiem jak to zrobić nie znam sie na JS aż tak... ukryć/ pokazać div zrobiłem, kilka divów działa na tej zasadzie, ale nie wime jak je wszystkie podpiąć pod jeden link.

[l0ud]

Jeżeli nie znasz się specjalnie na JS, zacznij wykorzystywać framework JQuery [tak jak poprzednik napisał]
http://jquery.com/

Tam masz odpowiednie selektory i pokazanie/ukrycie kilku divów to najczęściej linijka kodu.

[!*!]

tylko po co mi kobyła do linijki skryptu? Poza tym jQ nie mogę chyba wykorzystać komercyjnie

[l0ud]

Zgodnie z licencją MIT, można. Wg. mnie 15KB (przy kompresji gzip) kodu w zamian za dużą pomoc przy pisaniu wielu skryptów w JS to mała cena.