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

[alleclf]

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

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

 

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

 

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

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

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

 

 

[Yazon_Nile]

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

 

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

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

[alleclf]

  On 1/24/2015 at 10:51 AM, Yazon_Nile said:

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

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

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

Edited January 24, 2015 by alleclf

[Yazon_Nile]

javascript

[alleclf]

  On 1/24/2015 at 12:37 PM, Yazon_Nile said:

javascript

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

[pangurban]

  On 1/24/2015 at 1:09 PM, alleclf said:

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

 

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