чувак если я тебя правильно понял, то что за хрень ты делаешь ?
<style>
.div1 {
width: 100px;
height: 3px;
background: black;
position: absolute;
left: 0;
top: 50px;
display: none;
}
.div2 {
height: 100px;
width: 3px;
background: black;
position: absolute;
left: 50px;
top: 0px;
display: none;
}
</style>
<div id="id">
<div class="div1"></div>
<div class="div2"></div>
</div>
<script>
(function () {
var id = document.getElementById('id')
var i = -1;
document.onclick = function () {
i++
id.children[i].style.display = 'block';
if(i) document.onclick = null
console.log(1)
}
}());
</script>
Анимация на JS: движение по окружности
http://habrahabr.ru/sandbox/62771/