Rozwijana treśc, już zrobione! Opcje

[Forgoot]

Witam chcialbym wiedziec jak zrobic rozwijana tresc, i jak dodac taki kod do BBCode?
Przyklad rozwijanej treści jest w news'ie na stronie: zobacz. Chodzi mi o linki:
- Grupy 1-4
- Grupy 5-8
- ....
Prosze o odpowiedź...

Ten post edytował Forgoot 29.03.2006, 07:42:59

[gekon]

Metoda bardziej dyskretna
java script:

Kod

showHide = function(element){
element.onclick = function(){
  var p = element.parentNode.getElementsByTagName('p')[0];
  if(p.className == '' || p.className == 'visible'){
   p.className = 'hidden';
  }
  else{
   p.className = 'visible';
  }
}
}

window.onload=function(){
var parent = document.getElementById('lastByCategory')
if (parent) {
  var child = parent.getElementsByTagName('li')
  for (var i = 0; i < child.length; i++) {
   var handler = child[i].getElementsByTagName('h3')
   showHide(handler[0]);
  }
} else {
  return false;
}
}

CSS:

Kod

.visible { display: block; }
.hidden { display: none; }

HTML:

[HTML] pobierz, plaintext 
<ul id="lastByCategory">
<li>
 <h3>Polska</h3>
 <p>Treśc</p>
</li>
<li>
 <h3>Europa</h3>
 <p>Treść</p>
</li>
<li>
 <h3>Świat</h3>
 <p>Treść</p>
</li>
</ul>
[HTML] pobierz, plaintext 

Ten post edytował gekon 25.03.2006, 13:39:40