Как скрыть список при клике вне элемента?

Question

[Mesuti]

Привет!
есть список на jquery
Как его скрыть при клике вне элемента?

пробовал так, но либо открывает также при клике вне элемента либо сразу закрывает при клике на элемент

$(document).click(function (e) {
        $('.select_inner').slideToggle('fast');
        return false;
    });

Answer 1

[Дмитрий]

Добрый вечер.
Попробуйте так

<div id="block" style="border: 1px solid; height: 100px; width: 100px"></div>
<script type="text/javascript">
  jQuery(function($){
    $(document).mouseup(function (e){ // отслеживаем событие клика по веб-документу
        var block = $("#block"); // определяем элемент, к которому будем применять условия (можем указывать ID, класс либо любой другой идентификатор элемента)
        if (!block.is(e.target) // проверка условия если клик был не по нашему блоку
            && block.has(e.target).length === 0) { // проверка условия если клик не по его дочерним элементам
            block.hide(); // если условия выполняются - скрываем наш элемент
        }
    });
});
  </script>

p.s. всё работает

Comments

[Mesuti]

спасибо за ответ, однако список перестал открываться
https://jsfiddle.net/Mesuti/afhewzum/1/

[Дмитрий]

Александр Сорокин, Ваша беда, да и не только Ваша, в том, что Вы бездумно копируете код, который Вам показывают как пример.

$(document).mouseup(function (e){ // отслеживаем событие клика по веб-документу
            var block = $(".select_wrapper"); // определяем элемент, к которому будем применять условия (можем указывать ID, класс либо любой другой идентификатор элемента)
            if (!block.is(e.target) // проверка условия если клик был не по нашему блоку
                && block.has(e.target).length === 0) { // проверка условия если клик не по его дочерним элементам
                block.find('ul').hide(); // если условия выполняются - скрываем наш элемент
            }
        });

[Дмитрий]

Александр Сорокин, и не забудьте убрать комментарий с кода, а то будете опять говорить, что у Вас что-то там не работает.

$('select').parent().on('click', function (){
            $(this).find('ul').slideToggle('fast');
        });

[Mesuti]

slo_nik, пол дня пытался победить, глаза замылились =) спасибо, что поправили

[Дмитрий]

Александр Сорокин, раз работает, то отмечайте решением.