segun creo yo no hay que hacer ciclos ni ostia, simplemente con un buen manejo del DOM XML o HTML puedes lograr lo que quieras, aqui te pongo lo que que lei que pusistes que querias, que al dar click en que se yo, desapareciera el primero y ultimo div de la lista, no vi ni el codigo porque no tengo deseos :P
pues nada, aqui te dejo algo, este la via menos eficiente, pero la que mas rapido me funciona y con menos modificacion a tu codigo, la otra seria usando el DOM XML puro y
duro, pero bueno, si ya quieres que te eche el cable con mas detalle me dices:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<script>
function hide(){
var oDivs = document.getElementsByTagName('div');
oDivs[0].style.display = (oDivs[0].style.display == 'none')?'block':'none';
oDivs[oDivs.length - 1].style.display = (oDivs[oDivs.length - 1].style.display == 'none')?'block':'none';
}
</script>
</head>
<body>
Displaying songs from
<!-- este es el unico cambio que hice aparte del script y de los id == -->
<a href="#" id="godi" onClick="hide()" style="text-decoration:none;">Goear</a>,
<a href="#" id="mpdi" onClick="editServers('mpdi','mpdi2')" style="text-decoration:none;">Mp3Tube</a>, <a href="#" id="ijdi" onClick="editServers('ijdi','ijdi2')" style="text-decoration:none;">Ijigg</a>, <a href="#" id="wrdi" onClick="editServers('wrdi','wrdi2')" style="text-decoration:none;">Wrzuta</a>
<div style="display:block;">asd</div>
<div style="display:block;">asd213213</div>
<div style="display:block;">aasdsd</div>
</body>
</html> si todo esto te sirve de algo fenomenal, si no, olvida que lo puse :P
enjoy ;)