Как изменить цвет ссылок на одной странице?

Question

[Qvick360]

На странице есть ссылки, которые открывают скрытые блоки, мне нужно было чтобы менялся цвет ссылок при переходах.
Вот код, но он почему-то работает только для двух блоков, если их больше, то просто меняется цвет ссылок, а содержимое самих блоков не показывает, кроме содержимого 1 и 2 блока.
Подскажите пожалуйста, где здесь ошибка?

<style type="text/css">
a.a1 { color: green; }
a.a2 { color: violet; }
</style>
<script type="text/javascript">
    function displ(b, link) {
        for (i = 0; i < link.parentNode.getElementsByTagName("a").length; i++) { 
                document.getElementById("d" + (i+1)).style.display = "none";
                link.parentNode.getElementsByTagName("a")[i].className = "a1";
        }
        document.getElementById("d" + b).style.display = "block";
        link.className = "a2";
    };
window.onload = function() {
        document.getElementById("linkList").getElementsByTagName("a")[0].click();
}
    </script>
<div id="linkList"><a href="#" onClick="displ('1', this);" class="a1">1</a> | <a href="#" onClick="displ('2', this);" class="a1">2</a></div>
    <div id="d1" style="display: none;">
     <p > 1</p>
    </div>
    <div id="d2" style="display: none;" >
<p>2</p>
</div>

Comments

[Сергей Протько]

оформите пример на jsfidle