addEventListener в JS не работает должным образом

Сначала просмотрите коды, пожалуйста.

index.html это:

Home




    
        <a href="#" class="supcont">Home</a>
        
            <a href="#" class="subcont">Home1</a>
            <a href="#" class="subcont">Home2</a>
            <a href="#" class="subcont">Home3</a>
        
    

    
        <a href="#" class="supcont">Blog</a>
        
            <a href="#" class="subcont">Blog1</a>
            <a href="#" class="subcont">Blog2</a>
            <a href="#" class="subcont">Blog3</a>
        
    





script.js это:

function init() {
    var sky = 0;
    var sup         = document.getElementById("sup");
    var supitems    = sup.getElementsByClassName("supitem");

    for (var i = 0, ln = supitems.length; i < ln; i++) {
        var supconts = supitems[i].getElementsByClassName("supcont");
        var subs = supitems[i].getElementsByClassName("sub");
        var supcont = supconts[0];

        supcont.innerHTML = "SuperMenu"+i;

        if (subs.length > 0) {
            var sub         = subs[0];

            supcont.addEventListener("click",function() {
                toggleVisibility(sub); });

            supcont.style.background = "#"+sky+sky+sky;
            sub.style.background = "#"+sky+sky+sky;
            sky += 4;
        }
    }
}

function toggleVisibility(object) {
    object.style.visibility =
        (object.style.visibility == "hidden" ?"visible" :"hidden");
}

То, что я хотел бы сделать, это когда я нажимаю суперменю все подменю видимость для переключения. Но я неНе знаю, где я допустил ошибку. Когда я нажимаю Supmenu0, переключаются подменю Supmenu1, а не подменю Supmenu1. Заранее спасибо.

Постскриптум Я думаю, что проблема в addEventListener.

Ответы на вопрос(1)

Ваш ответ на вопрос