меню JavaScript

Question

Я пытаюсь заставить элементы меню отображаться и исчезать, но i останавливается на определенном уровне, почему?

<script language="javascript">
tre = [1, 0, 0, 0, 0];
function tree(e) {
    elm = document.getElementsByClassName("sub")[e];
    if (e == 1) {
        n = 73;
    }
    else if (e == 3 || e == 4) {
        n = 168;
    }
    else {
        n = 144;
    }
    ex = e;
    if (tre[ex] == 0) {
        i = 0;
        tmp1 = setInterval(function() {
            if (i <= 100 && i >= 0) {
                elm.style.height = (i / 100) * n + "px";
                document.getElementById('wait').innerHTML += i + ' ';
                i++;
            } else {
                clearInterval(tmp1);
                tre[ex] = 1;
            }
        }, 2);
    }
    else {
        j = 100;
        tmp2 = setInterval(function() {
            if (j >= 0) {
                elm.style.height = (j / 100) * n + "px";
                j--;
            } else {
                    clearInterval(tmp2);
                tre[ex] = 0;
            }
    }, 2);
    }
}
</script>
<style>
div {overflow: hidden;}
</style>
<span onClick="tree(0);">Toogle 0</span><br />
<div class="sub">test 0<br />test 0<br />test 0<br />test 0<br />test 0<br />test 0</div>
<span onClick="tree(1);">Toogle 1</span><br />
<div class="sub">test 1<br />test 1<br />test 1</div>
<span onClick="tree(2);">Toogle 2</span><br />
<div class="sub">test 2<br />test 2<br />test 2<br />test 2<br />test 2<br />test 2</div>
<span onClick="tree(3);">Toogle 3</span><br />
<div class="sub">test 3<br />test 3<br />test 3<br />test 3<br />test 3<br />test 3<br />test 3</div>
<span onClick="tree(4);">Toogle 4</span><br />
<div class="sub">test 4<br />test 4<br />test 4<br />test 4<br />test 4<br />test 4<br />test 4</div>

Answer 1

Согласно вашей логике код будет работать, только если вы объявите массив tre как tre = [1, 1, 1, 1, 1]; Эффекты скольжения и скольжения для меню можно легко реализовать с помощью Jqueries, не прибегая к статическим вычислениям такого типа, которые вы выполняли в своем коде.