Ключевые кадры или JScript для раскрывающегося меню ⇐ Html

[Anonymous]

Мой код ниже:

Код: Выделить всё

function dropright() {
var pos = 0;
var menu = document.getElementById("menuBar");
var t = setInterval(move, 10);

function move() {
if (pos >= 75) {
clearInterval(t);
} else {
pos += 1;
menu.style.left = pos + "px";
}
}
};

Код: Выделить всё

* {
margin: 0px;
}
#container {
width: 150px;
height: 600px;
left: -75px;
position: relative;
}
#menuBar {
width: 150px;
height: 100%;
position: absolute;
float: left;
background-color: red;
}

Код: Выделить всё

Я хотел бы, чтобы строка меню появлялась слева при щелчке контейнера. Также я хотел бы заставить его исчезнуть таким же образом. Но это ничего не дает. Должен ли я использовать для этого JS или ключевые кадры?

Подробнее здесь: https://stackoverflow.com/questions/410 ... pdown-menu