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.