Как сделать раскрывающееся боковое меню

[alleclf]

Помогите пожалуйста разобраться как сделать выплывающее меню. Чтобы при КЛИКЕ по "синему" блоку он разворачивался и отображалось его содержимое.

Скрывать блок по клику на "зеленую" область или вне блока меню, например по блоку с текстом.

 

Необходимо что бы работало на все-возможных устройствах - смартфоны, планшеты...

 

Вот для примера* - http://jsfiddle.net/ccfrmd5u/

* в примере реагирует на наведение, а необходимо по клику

и раскрывается вправо, а надо влево и вроде как над блоком с текстом

 

 

[Yazon_Nile]

1 http://jsfiddle.net/ccfrmd5u/2/

 

2 Чтобы двигало

http://jsfiddle.net/ccfrmd5u/3/

[alleclf]

1 http://jsfiddle.net/ccfrmd5u/2/

мне именно по КЛИКУ надо, а не по наведению

и скрытие тоже по клику

Edited January 24, 2015 by alleclf

[Yazon_Nile]

javascript

[alleclf]

javascript

а подробнее... 

[pangurban]

а подробнее... 

 

http://jsfiddle.net/ccfrmd5u/4/