Как скрыть блок при нажатии за его пределами?

[Alarr]

Подскажите пожалуйста, как можно скрыть блок, если нажимаешь за его пределами.

Пользуюсь вот такой конструкцией: https://jsfiddle.net/Alarr/mp7gthqb/4/

$(".button").click(function () {  $('.toggled_block').toggle();});

но так блок будет появляться и исчезать только по нажатию на кнопку, а надо, что бы появлялся по нажатию на кнопку, а исчезал по нажатию и на кнопку и на экран.

Ну и понятное дело, что блок не должен исчезать при нажатии на него, так как там должен быть, к примеру инпут для поиска.

И прозрачный бэкграунд на весь боди тоже не прокатит.

 

Спасибо заранее если получится помочь

Edited January 12, 2016 by Alarr

[wwt]

https://jsfiddle.net/mp7gthqb/11/

[klierik]

https://jsfiddle.net/klierik/58cv4prf/1/

[Alarr]

Вы Боги, спасибо
Странно, но я пробовал вариант как показал wwt раньше, но он не срабатывал.
Сейчас попробую ещё раз и отчитаюсь.

 

 

Всё круто! Я почему-то не додумывался вписывать в скрипт родительский блок, совсем запарился. Спасибо ещё раз

Edited January 12, 2016 by Alarr