FAKIR, эх, давно я уже не занимался этим. Но я попробую 
Добавлено (14.03.2014, 19:02)
---------------------------------------------
Вот простенькое без доработок и блокировок фокуса.
Код
<style>
.button{background:rgba(0,0,0,0.9);color:white;width:80px;height:30px;cursor:pointer;}
.menu{background:#eaeaea;border:1px solid #999;width:200px;height:400px;position:absolute;top:-700px;-moz-transition:all 0.7s linear;-o-transition:all 0.7s linear;-webkit-transition:all 0.7s linear;}
.button:focus .menu {border:1px solid #00a900;top:50px;}
</style>
<center>
<div class='button' contenteditable="true">
<div class='menu'></div>
</div>
</center>
Добавлено (14.03.2014, 19:03)
---------------------------------------------
Жми на черный квадрат. Для того что бы "меню" убралось, жми в любое место экрана.
Добавлено (14.03.2014, 19:10)
---------------------------------------------
На, можешь просто посмотреть видео
