Как закрыть боковое меню, по нажатию на body?

Question

[hax0r :3]

Всем привет! есть такое меню: Как сделать так, что бы по клику на body, меню закрывалась?

Comments

[Андрей Федоров]

а на чем меню то сделано?

Answer 1

[Максим Барулин]

Как-то так:

$('body').click(function(e){
    $('menu').close(); 
    if(e.stopPropagation) {
        e.stopPropagation();
        e.preventDefault();
    }
    else {
        e.returnValue = true;
        e.cancelBubble = true;
    }
})

Answer 2

[Артем]

Когда надо делать модальные окна или по любым другим причинам затемнять бэкграунд - я сразу после открывающего body пихаю растянутый по всему полю div#black с различной опасити. Ну а дальше элементарно.

$('#black').on('click', function() {
  $('#menu').animate({ left: '-menuWidth'  });
})

menuWidth соответственно ширине вашего блока с меню.

Comments

[hax0r :3]

Я честно говоря, не совсем понял, можно по понятнее?)

[Артем]

Можешь на какой нибудь домен залить сайт свой? Будет тебе понятнее )

[hax0r :3]

Артем: pro2.at.ua Вот такое меню как тут, экран уменьшь до 1024x760

[Артем]

Вроде как и так закрывается все.