<ul id="list">
<li><a href="#">link1</a></li>
<li><a href="#">link2</a></li>
<li><a href="#">link3</a></li>
<li><a href="#">link4</a></li>
</ul>
<div id="inf1"></div>
<div id="inf2"></div>
<script>
window.onload = function () {
var list = document.getElementById('list');
var inf1 = document.getElementById('inf1');
var inf2 = document.getElementById('inf2');
var mas1 = ["inf1.0", "inf1.1", "inf1.2", "inf1.3"];
var mas2 = ["inf2.0", "inf2.1", "inf2.2", "inf2.3"];
function index(elem) {
var elems = elem.parentNode.children;
var len = elems.length;
for (var i = 0; i < len; i++) {
if (elem == elems[i]) {
return i;
}
}
}
list.onclick = function (e) {
e = e || event;
var target = e.target || e.srcElement;
if (target.parentNode.parentNode.id == 'list') {
var num = index(target.parentNode);
inf1.innerHTML = mas1[num];
inf2.innerHTML = mas2[num];
}
}
}
</script>
PS: возможно есть проще способы определить номер элемента в списке