Witam, znów niestety muszę się użerać z JS i jak zawsze mam problem

mam taki układ strony (skrocona wersja dla przejrzystosci):

  1. <div class="column">
  2. <ul class="linki">
  3. <div style="display:block">
  4. <li>
  5. <a href="#cos"><a href="#cos">cos</a>
  6. </li>
  7. </div>
  8. <div style="display:block">
  9. <li>
  10. <a href="#cos"><a href="#cos">cos</a>
  11. </li>
  12. </div>
  13. <div id="wiecej" style="display:hidden">
  14. <li>
  15. <a href="#cos"><a href="#cos">cos</a>
  16. </li>
  17. </div>
  18. <div id="wiecej" style="display:hidden">
  19. <li>
  20. <a href="#cos"><a href="#cos">cos</a>
  21. </li>
  22. </div>
  23. </ul>
  24. <a id="link_wiecej" class="wiecej" href="#">Więcej...</a>
  25. </div>


Skrypt pokazujący/chowający mam taki :

  1. window.onload = Laduj;
  2. function Pokaz()
  3. {
  4. var div = document.getElementById('wiecej');
  5. var odnosnik = document.getElementById('link_wiecej');
  6.  
  7. var view = div.style.display;
  8.  
  9. if (view == "block")
  10. {
  11. odnosnik.innerHTML = "Więcej...";
  12. div.style.display = "none";
  13. }
  14.  
  15. if (view == "none")
  16. {
  17. odnosnik.innerHTML = "Schowaj";
  18. div.style.display = "block";
  19. }
  20.  
  21. }
  22.  
  23. function Laduj()
  24. {
  25. var odnosnik = document.getElementById('link_wiecej');
  26. odnosnik.onclick = Pokaz;
  27. }


I nawet to działa ale tylko z pierwszą kolumną (<div class="column">) a takich kolumn mam okolo 15, nie wiem jak to zmodyfikowac zeby dzialalo dla kazdej kolumny to, domyslam sie ze trzeba div id=wiecej zmienic w kazdej kolumnie na id=wiecej1 id = wiecej2 itp i dla kazdego dodawac oddzielnie skrypt ? czy jest jakis lepszy pomysl ?

Dobra, za wczesnie zaczelem panikowac : D

jakby kogos to interesowalo :

dalem do kazdego linka <a id="link_wiecej<?=$this->column_id?>" class="wiecej" href="#" onclick="Pokaz(<?=$this->column_id?>)"><b>Więcej...</b></a>
oraz do kazdego ukrytego diva dodalem numerek <div id="wiecej'.$this->column_id.'" style="display:none">

i wtedy zmodyfikowalem początek skryptu i ogarneła mnie euforia :
  1. function Pokaz(id)
  2. {
  3. var div_id = 'wiecej'+id;
  4. var odnosnik_id = 'link_wiecej'+id;
  5. var div = document.getElementById(div_id);
  6. var odnosnik = document.getElementById(odnosnik_id);